Font
[thread]11062[/thread]

CSS; genauer: Linien, Aufzaehlungen



<< >> 6 entries, 1 page
RPerl
 2007-12-23 21:32
#104125 #104125
User since
2006-11-26
384 articles
BenutzerIn

user image
Hallo Leute,

zuerst mal wuensch ich euch allen froehliche Weihnachten (also morgen ;))
Dann bedanke ich mich fuer das oeffnen dieses Threads und DANN frage ich hier das eigentliche :)

Also ich hab folgenden Code: http://nopaste.com/p/atPY1GPKZ
Der klappt mit Mozilla Suite, FF, Konqueror. IE natuerlich mal wieder nicht.
Ich hab aber noch 1 Problem und 1 Frage.

Zuerst das Problem:

http://img144.imageshack.us/my.php?image=image8sd3...

Da wo dieser Fleck ist (links) geht die linke Linie nicht bis ganz nach oben, also sie schliesst nicht ganz ab. Eigentlich sollte sie an den Rest, von unten gesehen, anhaengen. Ich hoffe ihr wisst wie ich es meine, wenn nicht, bitte einfach fragen!

Dann zu meiner Frage: Wie kann ich die Aufzaehlung (Preise, Rechnungen etc.) nebeneinander stellen? Also:

<dot> Rechnungen <dot> Preise
<dot> Bla1 <dot> Bla2

Also in einer Zeile. (inline ging bei mir nicht :/)

Was sagt ihr sonst zum CSS? Sollte valide sein. xhtml ist es.

Vielen Dank und schoenen Sonntag Abend

rperl
Siechfred
 2007-12-23 23:10
#104136 #104136
User since
2007-11-12
30 articles
BenutzerIn
[default_avatar]
Zu Deinem Linienproblem: Wenn Du für das DIV#line einen Außenabstand von 2.5em festlegst, wirkt der natürlich nach allen vier Seiten, ergo auch nach oben. Mach mal
Code: (dl )
margin: 0 2.5em
draus, das dürfte Wunder wirken.

Zu Deinem Listenproblem: Lasse die LI-Elemente floaten:

Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#navigation ul {
list-style:none;
margin:0;
padding:0;
border:none;
}

#navigation li {
display:block;
margin:0;
padding:0;
float:left;
width:7em;
}


Ansonsten: Bitte bemühe Dich um semantisch korrekten Code und trenne Inhalt (HTML) und Optik (CSS). Und nicht zuletzt *könnte* Dein IE-Problem mit dem Einsatz von XHTML zusammenhängen; warum Du nicht einfach HTML 4.01 Strict nimmst, verstehe ich nicht so recht.

Siechfred
RPerl
 2007-12-24 13:56
#104140 #104140
User since
2006-11-26
384 articles
BenutzerIn

user image
Code: (dl )
margin: 0 2.5em

Genau das war es. Danke vielmals.


>Ansonsten: Bitte bemühe Dich um semantisch korrekten Code und trenne Inhalt >(HTML) und Optik (CSS).
norm. ist es getrennt. Nur dann haette ich doppelt posten muessen.

Bzgl. der Aufzaehlungen: Das hat leider mit deinem Code auch nicht geklappt.
Screenshot: http://250kb.de/u/071224/j/4214434e.jpg
Die Punkte sind ploetzlich verschwunden.
Wie wuerde das xhtml aussehen? Vielleicht liegt da noch ein Fehler.
RalphFFM
 2007-12-26 21:20
#104153 #104153
User since
2006-11-16
258 articles
BenutzerIn
[Homepage] [default_avatar]
Der Screenshot geht momentan irgendwie nicht zu laden.

Ich vermute Du meinst die Listenpunkte. Falls diese verschwunden sind, dann wird das tippe ich daran liegen daß Du margin und padding für "#navigation li" auf null gesetzt hast.
RPerl
 2007-12-28 13:05
#104196 #104196
User since
2006-11-26
384 articles
BenutzerIn

user image
Hi Ralph,

RalphFFM+2007-12-26 20:20:17--
Der Screenshot geht momentan irgendwie nicht zu laden.

Ich vermute Du meinst die Listenpunkte. Falls diese verschwunden sind, dann wird das tippe ich daran liegen daß Du margin und padding für "#navigation li" auf null gesetzt hast.

Hier mal der Screenshot: http://img263.imageshack.us/img263/1760/4214434elm...
Ist ein neuer Link.

Also ja, die Listenpunkte sind verschwunden. Aber nicht nur das. Der graue Balken an der Seite hat sich verschoben. Du kannst ja mal den Screenshot anschauen, den code poste ich jetzt gleich nochmal. :)

Vielen Dank!

rperl

// EDIT: Hier mal der Code:

http://rafb.net/p/VjvlYq40.html

Selbst mit margin / padding auf 1 ist das Problem.

// EDIT 2: Mir wuerde nur eine Moeglichkeit einfallen. Man kopiert den Aufzaehlungspunkt und setzt mit dem img-tag dazwischen.
Siechfred
 2007-12-28 22:08
#104226 #104226
User since
2007-11-12
30 articles
BenutzerIn
[default_avatar]
Ich habe Dir mal eine Musterseite hochgeladen:

http://test.anaboe.net/PCB/11062.html

Viel Erfolg beim Basteln :)
Siechfred
<< >> 6 entries, 1 page



View all threads created 2007-12-23 21:32.