Bildlänk utan ram
 

Använder en gratis css-mall från Andreas Viklund.

Använder denna mall: http://andreasviklund.com/files/demo/variant-light/

Jag vill byta ut logga-texten mot en bild så att den nuvarande texten "Variant Light
Space for your slogan" ersätts med en bild.

När jag gör detta så får dock loggobilden en ram runt sig när jag länkar till index.html

Noteras skall att denna ram inte uppträder om jag länkar en bild i området för brödtexten.

Har letat och letat men hittar inte vad jag skall ändra i css-filen för att loggobilden inte skall få en ram runt sig när jag länkar. Kan någon hjälpa mig?

Denna kod ligger redan i css-filen. Dock blir loggon fortfarande markerad medan bilder längre ned på hemsidan inte blir markerade när de länkas.

Det jag undrar är varför loggon får ett sträck under sig när det kopplas till en länk och vilken kod skall jag ändra i css-filen för att bli av med detta sträck?

Testa med:

Ditt förslag avhjälpte inte problemet. Vad jag noterat är att om jag avlägsnar följande kod
så får bilden ingen ram:

a {text-decoration:none; font-weight:400; color:#467aa7; border-bottom:1px solid #dadada;}

a:hover {text-decoration:none; border-bottom:1px solid #467aa7;}

Problemet är dock då att textlänkarna blir mycket konstiga om jag gör detta.

Vad kan jag i ovanstående kod ändra för att bilden inte skall få en markering under sig samtidigt som denna ändring inte gör att textlänkarna ändras utan förblir såsom de är idag?

Något jag också noterat är att ifall jag lägger bilden som en H1, alltså

<h1><a href="index.html"><img src="loggo.png"></a></h1>

Så försvinner ramen. Varför??

Kan man ha en bild som H1? Är det dåligt ur SEO?