kostenloser Webspace werbefrei: lima-city


Mal wieder eine CSS Frage

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    luziver

    luziver hat kostenlosen Webspace.

    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.

  4. Autor dieses Themas

    luziver

    luziver hat kostenlosen Webspace.

    *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. 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. 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. <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?

Über lima-city

Login zum Webhosting ohne Werbung!