2009-06-07 13 views
0

HTML Spacing Problems http://img19.imageshack.us/img19/705/ohdear.pngHTML/Text-Abstand Problem

Wie Sie oben aus dem Bild sehen kann, bin ich ein paar Probleme.

The Image, if the above won't load

Ich bin mit CSS alles an seinem Platz zu halten ... Sie wissen, was dies verursacht werden könnte?

+0

Ich sehe eine Reihe von Problemen dort. Kannst du genauer sein? – ChristianLinnell

+1

Sie müssen den Code, den Sie verwenden, – kylex

+3

Bilder sind schön, aber wir sind Programmierer. Wir müssen das Markup und das CSS sehen. :) –

Antwort

2

Ich kann nur raten, was sind Ihre Fragen auf, was ich in diesem Bild zu sehen ...

Es sieht aus wie Sie zwei Listen innerhalb eines fieldset bestellt haben.

Es sieht so aus, als ob Ihr erstes Problem darin besteht, dass Ihre geordneten Listen keinen linken Randstil haben, so dass die Nummern für die Liste aus dem Feldsatz "herausspringen". Um das zu beheben, fügen Sie einfach einen gewissen Spielraum, um Ihre geordnete Listen:

ol { 
    margin-left: 20px; /* experiment with the 
          left width until you're 
          happy with the spacing */ 
} 

Ihre zweite Ausgabe sieht aus wie Sie keinen Spielraum auf der Ober- oder Unterseite Ihres Listen haben, so dass sie stapeln sich rechts oben auf einander. Dies sollte mit den folgenden Stilregeln leicht behoben werden (die die Marge Regel enthalten oben definiert ist):

ol { 
    margin: 20px 0px 20px 20px; 
    /* again, experiment with the margin size until you're happy with it */ 
} 

Das ist das Beste, was ich ohne zu sehen, das Markup tun können, oder Stile, die Sie haben.

+0

Das sortierte das Problem und es ist wieder in der Feldgruppe, aber diese großen Lücken zwischen den Listen sind immer noch da :( – bear

+0

Mit diesem: margin: 2px 0px 2px 20px; – bear

+0

Der erste und dritte Satz von Einheiten in Ihrer Marge Regel sind Für den oberen und unteren Rand. Machen Sie die Größe größer als 2 Pixel und es sollte das beheben. –