kayyy: h3 tag mit background image, damit es in suchmaschienen gefund..

Guten Tag,

ich möchte gerne meinen <h3> tag ein background bild zuweisen, damit es auch von suchmaschienen gelesen werden kann und wegen eines anderen grundes, den ich nicht weiter erläutern muss.

nun habe ich folgendes gemacht:

div.moduletable-latestevents h3 {  
background:url(../images/h_neueevents.jpg) no-repeat;  
text-indent:9999999999px;  
}  

ich habe den tip bekommen, text-ident mit einer riesenpx zu verwenden, allerdings wird mir immernoch der "normale" text angezeigt und nicht nur das bild. was mache ich falsch? danke schonmal für die antworten

  1. Hi!

    Guten Tag,

    ich möchte gerne meinen <h3> tag

    Meiert: Elemente, Tags und Attribute

    text-indent:9999999999px;

    ich habe den tip bekommen, text-ident mit einer riesenpx zu verwenden,

    das sollte ein negativer Wert sein (sh.: Meiert: Image-replacement)

    FG Ulysses

    1. das sollte ein negativer Wert sein (sh.: Meiert: Image-replacement)

      zudem sollte der wert in em angegeben werden (wie in meierts beispiel)

      ich habs jetzt grade nicht im kopf, aber bei % macht der safari 3 mucken und verschiebt den text nicht richtig ins nirvana und bei px bockt ein anderer browser

      1. Hi!

        zudem sollte der wert in em angegeben werden (wie in meierts beispiel)

        ich habs jetzt grade nicht im kopf, aber bei % macht der safari 3 mucken und verschiebt den text nicht richtig ins nirvana und bei px bockt ein anderer browser

        Aha, danke für die Ergänzung. Ich mach's immer mit em und daher war mir gar nicht bewusst, dass es mit px Probleme gibt.

        FG Ulysses

  2. div.moduletable-latestevents h3 {

    background:url(../images/h_neueevents.jpg) no-repeat;
    text-indent:9999999999px;
    }

    
    >   
    > ich habe den tip bekommen, text-ident mit einer riesenpx zu verwenden, allerdings wird mir immernoch der "normale" text angezeigt und nicht nur das bild. was mache ich falsch?  
      
    text-indent wirkt sich auf die erste Zeile aus.  
    Wenn du die erste Zeile immer schmaler machst mit positiven Werten, wird der Text einfach immer mehr in die zweite Zeile verschoben. Und diese siehst du, weil sie von text-indent nicht erfasst wird.  
      
    mfg Beat
    
    -- 
    
    ><o(((°>           ><o(((°>  
    
       <°)))o><                     ><o(((°>o  
    
    
  3. wunderbar cool danke euch, hat funktioniert.
    super forum hier, nur leider ein wenig unübersichtlich.