Probleme mit richtigem positionieren

html.de-Forum HTML, XHTML & CSS
1

Hey Leute

Ich möchte einen Banner machen mit 4 Buttons, Leider stehen alle Buttons untereinander anstann 2 oben und 2 unten.

Habe schon versucht sie richtig zu positionieren schaffe es aber nicht.

hier erst mal der quelli

HTML

[HTML]

Lerix-Prod
HOME
Forum
Bilder
Projekte
[/HTML]

CSS:

[HTML]body
{
background-color: black;
}
#Banner
{
background-image: url(Layoutall/Banner.png);
background-repeat: no-repeat;
background-position: center;
padding-right: 400px;
padding-top: 10px;
width: 800px;
height: 150px;
}

#Home
{
repeat: no-repeat;
position: left
padding-top: 2px;
padding-left: 209px;
}
#Forum
{
repeat: no-repeat;
padding-right: 2px;
position: right;
padding-left: 100px;
}
#Bilder
{
}
#Projekte
{
}
[/HTML]

HIER EIN BILD VOM PROBLEMCHEN^^

http://img14.imageshack.us/img14/1970/prob1x.th.jpg

MFG LEri^^

2

Also ich mache Menüs immer mit Listen, nämlich uls.
Also es mit Div zu machen, ist auf jeden fall falsch, da Divs zur Seitenunterteilung sind.
hier mal das html Grundgerüst:
[html]

[/html]

css:

ul 
{
		list-style-type: none;
}

ul li
{
		float: left;
}

dir fehlt überall wenn ich das richtig sah float: left;…
Du kannst es auch mit Divs machen, mit Listen ist es aber schöner und auch korrekter.

MfG

3

hmm ok, aber wie mache ich den dann den seitenabstand, wenn ich z.b ul nr.2 nehmen möchte, den die buttons sind nicht direkt nebereinander

lerix-prod.de.vu

4

Erleutere das bitte näher, ich weiß nicht was du meinst, du hast nirgendswo ul nummer 2 und wir sprachen auch nie davon.
MfG

5

habe es schon hinbekommen ^^

:slight_smile: