Olika färg på länktext och länk-understrykning

4 svar · 740 visningar · startad av web00132 11 okt. 2010

web00132Medlem sedan maj 2001797 inlägg

Frågan11 okt. 2010 14:58#1

Har denna CSS-kod:

a { color: #000; border-bottom: 1px solid #ddd; text-decoration: none; }

Funkar bra för att få olika färg på understrykningen och själva texten, men det här gör att alla länkade bilder också får en understrykning och det vill jag inte. Går det att ta bort understrykningen på bilder utan att använda HTML för att t ex lägga till en span-tagg etc?

Jag har ingen möjlighet att ändra annat än CSS:n eftersom HTML:n genereras av Wordpress, i värsta fall kan jag köra nåt Javascript/jQuery som lägger till en CSS-klass eller dylikt - tipsa gärna om hur man kan göra det om det inte går att lösa mha CSS. Tack!

Red: Skulle vilja att den här CSS-propertyn funkade: http://dev.w3.org/csswg/css3-text/#text-decoration-color0

nitro2k01Medlem sedan aug. 20039 340 inlägg

11 okt. 2010 15:08#2

a img{border: none;}

web00132Medlem sedan maj 2001797 inlägg

11 okt. 2010 15:18#3

Har testat det men det verkar inte funka (iaf inte i senaste FF). Och det ska det väl inte heller, det är ju a-taggen som får en border, inte img-taggen.

voigtann1Medlem sedan juni 20019 519 inlägg

11 okt. 2010 15:35#4

Om du inte vill ha den bordern på ditt a element när du använder bilder+Länk så få du sätta en css klass på de à-element som ha en bild som barn, det gå inte att göra det "bakåt.

Gå att lösa det med jquery om du vill, hitta alla $("a img").parent().addClass("klass") och sätt css på a.klass

web00132Medlem sedan maj 2001797 inlägg

11 okt. 2010 15:42#5

Precis, får nog bli så då, även om det känns lite trist. Verkar ju som att text-decoration-color är på gång i alla fall. Tackar för svar hörni!