Kom ihåg mig?
Home Menu

Menu


Bildlänk utan ram

Ämnesverktyg Visningsalternativ
Oläst 2013-08-16, 18:43 #1
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
Standard 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?
bird200 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-08-17, 09:29 #2
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
Citat:
Ursprungligen postat av majkehl Visa inlägg
När du länkar en bild får den en ram runt sig.

Vill du inte ha ram på någon bild alls funkar nedanstående CSS-snutt:

Kod:
img { border-style: none; }
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?
bird200 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-08-17, 12:34 #3
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Testa med:

Kod:
.title img {border:none;}
.title a img {text-decoration:none;}
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-08-18, 15:28 #4
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
Citat:
Ursprungligen postat av jonssondesign Visa inlägg
Testa med:

Kod:
.title img {border:none;}
.title a img {text-decoration:none;}
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?
bird200 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2013-08-18, 15:38 #5
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
bird200 bird200 är inte uppkopplad
Medlem
 
Reg.datum: Nov 2003
Inlägg: 166
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?
bird200 är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 03:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017