kostenloser Webspace werbefrei: lima-city

Mal wieder eine CSS Frage

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   luziver

   luziver hat kostenlosen Webspace.

   14:13, 11.3.2007

   Also folgendes steht an:
   Ich möchte auf einer Linie drei gleich hohe tag/bild">Bilder nebeneinander haben und das mittlere kann beschrieben werden. Hier mal mein Code:
   
   

   #content    { position:absolute; top:308px; width:519px;  min-height:500px;  height:auto !important; height:556px; left:253px; }
   .links_link { position: absolute; background-image: url('Bilder/design3_21_02.gif'); padding-top: 0px; background-position: top left;
     padding-bottom: 0px; display: block;
                 background-repeat:no-repeat;
    width: 450; font-size:16px;
   display:block; font-weight:bold; height: 395px;
   border: 0px solid #222222; color:#333333;}
   
   
   <div id="content">
      <IMG SRC="Bilder/design3_21_01.jpg" WIDTH=40 HEIGHT=395  /><span class="links_link" width="450" height="395" >
   AbcdefghijklmnopqrstuvwxyzAbcdefghijklmnopqrstuvwxyz<BR>AbcdefghijklmnopqrstuvwxyzAbcdefghijklmnopqrstuvwxyz</span>
   <IMG SRC="Bilder/design3_21_03.jpg" WIDTH=29 HEIGHT=395  />
   </div>

   
   
   Rundherum wären dann noch andere Bilder, daher die falschen Contentgrössen. Jetzt habe ich aber das Problem, dass mir der span-Teil auf die nächste Linie, das Bild gleich danach aber wieder auf die obere Linie geschoben wird. Es hängt also unten raus und oben schliesst sich die Lücke. Ich denke mal, dass es mit background-position: top left; zu tun hat, weiss aber nicht, was ich ändern muss.
   Ich danke euch für Hilfen!
   Gruss
   Luziver
   
   Edit: Huch, das zieht den Thread ziemlich auseinander, hab mal Umbrüche gemacht.
   
   Beitrag geaendert: 11.3.2007 14:14:46 von luziver

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. Autor dieses Themas

   luziver

   luziver hat kostenlosen Webspace.

   16:05, 11.3.2007

   Keiner?
4. Autor dieses Themas

   luziver

   luziver hat kostenlosen Webspace.

   18:13, 11.3.2007

   *Räusper* Ist hier jemand, der mir bei dem Problem helfen kann? Deer obere Teil des Codes ist der CSS-Teil, der untere der HTML.

5. lucas9991

   

   lucas9991 hat kostenlosen Webspace.

   19:02, 11.3.2007

   1. Doppelpost sind unerwünscht.
   2. Poste bitte validen XHTML-Code. (Tags schreibt man nicht groß und um den Wert von Attribute gehören Hochkommata)
   3. Beschreibe dein Problem genauer, z.B. durch einen Screenshot.

6. nilswerner

   nilswerner hat kostenlosen Webspace.

   19:42, 11.3.2007

   es ist nich nur doppel, sondern gleich 3fach post ^^
   ich kann mir gerad auch nich wirklich vorstellen, was du fürn prob hast..
   
   hab ich es vlt richtig verstanden, das du 3 bilder nebeneinander haben möchtest?
   dann benutz mal
   

   float:left;

   
   
   Beitrag geaendert: 11.3.2007 19:44:01 von nilswerner

7. maix

   maix hat kostenlosen Webspace.

   16:34, 13.3.2007

   <span class="links_link" width="450" height="395">
   ...
   </span>

   
   
   Du kannst einem inline-Element keine feste Breite und Höhe zuweisen (Bild ist da 'ne Ausnahme). Du musst ein Blockelement nehmen. Dann wird es aber umgebrochen, da hilft nur float. Oder display:inline-block, aber da ist es mit der Browserunterstützung nicht weit her.

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?