+ Antworten
Ergebnis 1 bis 6 von 6

Thema: img:float und li-margin

  1. #1
    TP-Insider belimo macht sich hier sehr viel Mühe Avatar von belimo
    Registriert seit
    Feb 2004
    Ort
    Schweiz
    Beiträge
    932

    img:float und li-margin

    Hallo Leute

    Ich habe einen Absatz, worin ein Bild links floated und rechts daneben eine Liste.
    Hoffe das Bild anbei erklärt mein Problem: Wenn ich dem li ein margin-left verpasse, stellt Firefox das so dar, als wäre das Bild gar nicht vorhanden.

    Wie löse ich das richtig? Danke für eure Tipps!
    Angehängte Grafiken  
    Gruss belimo


    Meine Lieblings-Firefox-Erweiterung: Firebug


  2. #2
    TP-Specialist jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.631
    hallo, wie sieht der rest vom code aus?
    computer tun nur das was man ihnen sagt, meistens

  3. #3
    TP-Insider belimo macht sich hier sehr viel Mühe Avatar von belimo
    Registriert seit
    Feb 2004
    Ort
    Schweiz
    Beiträge
    932
    Eigentlich gar nichts besonderes:
    HTML-Code:
    <div style="height: 331px;">
    <img style="float: left;" src="http://www.traum-projekt.com/forum/100-css/....." alt="..." width="285" height="331" />
    <h1><span style="font-size: x-large; color: #993300;">Titel</span></h1>
    <p>........</p>
    <h2 style="margin-top: 15px;">Erleben Sie....</h2>
    <ul>
    <li style="margin-left: 25px;"><a href="http://www.traum-projekt.com/forum/100-css/.....">Serie Norway</a></li>
    <li style="margin-left: 25px;"><a href="http://www.traum-projekt.com/forum/100-css/.....">Serie Sweden</a></li>
    </ul>
    </div>
    Gruss belimo


    Meine Lieblings-Firefox-Erweiterung: Firebug


  4. #4
    TP-Specialist jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.631
    hmm, was meinst du genau mit als wäre das bild nicht vorhanden?
    bei mir ist bild links und rechts daneben die liste
    computer tun nur das was man ihnen sagt, meistens

  5. #5
    TP-Insider belimo macht sich hier sehr viel Mühe Avatar von belimo
    Registriert seit
    Feb 2004
    Ort
    Schweiz
    Beiträge
    932
    Vielleicht muss ich doch einmal einen Link posten ;-) Es geht um www.saunaking.ch (Startseite). Da habe ich jetzt eine Liste (Serie Norway / Serie Sweden). Bei dieser Liste sind die Aufzählungspunkte zu weit links. Wenn ich das jetzt mit CSS ausbügeln möchte, reicht eben ein Margin-Left 25 px bei weitem nicht (wie der Printscreen von Firebug zeigt). Weisst du, was ich meine?
    Gruss belimo


    Meine Lieblings-Firefox-Erweiterung: Firebug


  6. #6
    TP-Specialist jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.631
    check mal das
    computer tun nur das was man ihnen sagt, meistens

+ Antworten

Ähnliche Themen

  1. margin nach float
    Von alexf812 im Forum HTML & CSS
    Antworten: 8
    Letzter Beitrag: 03.03.2009, 19:54
  2. Antworten: 3
    Letzter Beitrag: 24.02.2009, 22:04
  3. nach float-left wird margin-top nicht genommen
    Von alexf812 im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 17.08.2005, 15:26
  4. Antworten: 1
    Letzter Beitrag: 02.03.2005, 15:46
  5. float und margin - Problem im NS6
    Von Nele im Forum HTML & CSS
    Antworten: 0
    Letzter Beitrag: 23.10.2004, 00:49

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51