a img im DIV beeinflussen

html.de-Forum HTML, XHTML & CSS
1

Hallo,

ich habe Text und Bilder im einem

. Den Style definiere ich über eine id:

#hauptinhalt a {
       background-image:url(../../images/pfeilwahlfeld.gif);
       background-repeat:no-repeat;
       background-position:left 4px;
       padding-left:7px;
     }
#hauptinhalt a:hover, #hauptinhalt a:active, #hauptinhalt a:focus{
 
               background-color: Gray;
                    }
        
#hauptinhalt img a {
        background-image:url(KEINS);
        
       }

Weis jemand, warum bei einem verlinkten Image trotz Styleangabe (wahrscheinlich nicht korrekt :slight_smile: ) das Hintergrundbild von „a“ angezeigt wird?

Vielen Dank für eure Hilfe!

2

Punkt 1:

#hauptinhalt img a {geht nicht, weil sich innerhalb eines -Tag kein HTML-Element befinden kann. Richtig wäre:

#hauptinhalt a img {Punkt2:
Dein Hintergrund schaltet man nicht mit

background-image:url(KEINS);ab sondern mit

background-image:none;Ansonsten verstehe ich die Frage nicht ganz. Ein Bild kann zwar einen Hintergrund haben, den sieht man doch aber nicht weil das Bild darüber liegt.

3

Hallo,

vielen Dank für Deine Antwort.

Vielen Dank für die ersten beiden Hinweise! Da Hintergrundbild sieht man bei den VERLINKTEN images leider sehr wohl, da im a Style die Position des Images so definiert wurde, das das Bild links neben dem Link bzw. dem VERLINKTEN Bild positioniert wird. Bei einem Textlink ist dieses voll gewollt. Allerdings nicht bei Bildern. Deswegen habe ich versucht mit „a img“ dieses zu verhinden, was leider bis jetzt nicht funktioniert.:roll:

Viele Grüße

manichanm