Just nu i M3-nätverket
Jump to content

Påverka alla länkar men ej länkade bilder


ponka

Recommended Posts

Hej,

 

Har glömt bort hur man gör detta (om det ens går) med CSS... Jag vill sätta en bakgrundsbild (en liten pil) på alla länkar i en div (dvs alla a-taggar) som heter mainBody och som innehåller content inmatad av redaktörer med Episerver. Problemet är att det kan ligga länkade bilder där också och de vill jag INTE påverka. Har för mej att man kan använda pseudoklasser för detta men jag kommer inte ihåg hur som sagt.

 

Detta funkar inte tyvärr:

 

.MainBody a

{

background: url(../Images/Containers/arrow_small.png) no-repeat 0 2px;

padding: 0 0 0 14px;

}

 

.MainBody a img

{

background: none !important;

padding: 0 !important;

}

 

Tacksam för svar.

 

//Pontus

 

Link to comment
Share on other sites

det går att göra med jquery; en selector där man har alla länkar som inte innehåller img-tagg i sig. Med Css2.1 (IE) är det nog svårt att få till.

 

Link to comment
Share on other sites

$(".MainBody a img").parent().addClass("imagelink");

 

Lägger till en klass på alla länkar (a) som har en bild i sig.

Sen får du ändra i cssen

.MainBody a 
{
background: url(../Images/Containers/arrow_small.png) no-repeat 0 2px;
padding: 0 0 0 14px;
}

.MainBody a.imagelink
{
background: none !important;
padding: 0 !important;
}

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...