[JeZZifelt]

I style.css content så har jag följande kod:

#content a {
 	color: #2AA4CF;
 	text-decoration: none;
 	border-bottom: 1px dashed #9DC916;	
 	font-weight: bold;
 	
 }
 
 #content a:hover{
 	color: #9DC916;
 	text-decoration: none;
 	border-bottom: 1px dashed #2AA4CF;	
 	font-weight: bold;	
 }

Sedan så har jag några bilder som länkar men jag vill inte ha en linje under bilden. Jag har testat massvis med olika sätt men inget har fungerat. Hur gör jag?

[koala]

kanske

#content a img { border:0;}

[JeZZifelt]

Funkar inte tyvärr

[elofsson]

Kan inte komma på någon annan lösning än att sätta "border: 0;" i a-taggen för varje bildlänk. Men det kanske är omständigt?

<a href="link.html" style="border: 0;"><img src="img.gif"></a>

[Blackex]

Originally posted by JeZZifelt@Jul 7 2006, 21:36
Sedan så har jag några bilder som länkar men jag vill inte ha en linje under bilden. Jag har testat massvis med olika sätt men inget har fungerat. Hur gör jag?

Kanske detta fungerar?

#content a img {
 	border-bottom: 0px;
}

[JeZZifelt]

Originally posted by elofsson@Jul 8 2006, 17:45
Kan inte komma på någon annan lösning än att sätta "border: 0;" i a-taggen för varje bildlänk. Men det kanske är omständigt?

<a href="link.html" style="border: 0;"><img src="img.gif"></a>

Tack det fungerade. Nej då det blir inte för omständigt. Det verkar ju som att det inte finns något annat alternativ för jag har testat det mesta. Tack än en gång!

[martine]

koala och Blackex:

a img { border: none; }

fungerar förstås inte eftersom border-bottom är satt på ankarelementet, a, och inte på bilden, img.
(och eftersom det inte finns något css-sätt att styra bakåt i precision, typ a<img, så går det inte att göra på något smidigt sätt) Att sätta en class="medbild" på <a> eller liknande är nog smidigast. Då kan man ju i alla fall styra upp ett konsekvent beteende för alla bildlänkar med:

a#medbild { border: none; } /* bildlänkar */
a { border-bottom: 1px solid red; }

[martine]

Originally posted by martine
a#medbild { border: none; } /* bildlänkar */

Ska förstås vara a.medbild eftersom det är en class...

[guran]

Jag skulle skriva:

#content a.bild {border: none;}

<a class="bild" ...>

[jimmie]

jag skulle skriva

img {
border: 0px;
}

Hur ofta vill man liksom ha en border på en bild man länkar?