Umlauf: Balken unter Bild

Hallo,

weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:

http://kurier.at/

In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.
lg

  1. Hallo,

    weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:

    http://kurier.at/

    In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.

    Negative Außenabstände oder Positionierung sind die Mittel der Wahl um das zu erreichen.

  2. weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:
    http://kurier.at/
    In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.

    <a class="your_class_name">  
      <img src="..." alt="Kurzbeschreibung">  
      <span style="  
              position:absolute;  
              display:block;  
              bottom:0;  
              color:#fff;  
              background:rgba(0, 0, 0, 0.3);  
         ">  
         Begleittext  
      </span>  
    </a>
    

    Besser als Klasse notieren.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. Hallo,

      besten Dank, ich habs jetzt mal so versucht wie unten, ohne <a> klappts super, wennn ich aus dem Begleittext einen Link machen will, ist der Text weg. Weiß jemand wieso?

      lg

        
      <html>  
        
      <body>  
      <style>  
      .myclass {  
      	position:absolute;  
        
        
      }  
        
      </style>  
        
      <a class="myclass">  
        <img src="./report1.jpg" alt="Kurzbeschreibung">  
        <span style="  
                position:absolute;  
                display:block;  
                bottom:0;  
                width:200px;  
                height:22px;  
      	  text-align:center;  
                background:rgba(0, 0, 0, 0.3);  
                color: orange;  
                font-weight:bold;  
           ">  
           <a href="">Begleittext</a>  
        </span>  
      </a>  
        
      </body>  
        
      </html>  
      
      
      1. Om nah hoo pez nyeetz, Umlauf!

        besten Dank, ich habs jetzt mal so versucht wie unten, ohne <a> klappts super, wennn ich aus dem Begleittext einen Link machen will, ist der Text weg. Weiß jemand wieso?

        aa ist nur biologisch möglich.

        Matthias

        --
        http://www.billiger-im-urlaub.de/kreis_sw.gif
      2. Hi,

        <a class="myclass">
             <a href="">Begleittext</a>

        a-Elemente dürfen nicht geschachtelt werden.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    2. Moin!

      moechte das aeussere a vielleicht ein div sein?

      --
      Vergesst Chuck Norris.
      Sponge Bob kann unter Wasser grillen!