• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit richtigem positionieren

L

leridan

Neues Mitglied
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: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
    <title>Lerix-Prod</title>
<link href="Design/Design.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Banner">
<div id="Home">
<a href="http://www.tagesschau.de/"><img src="Design/Layoutall/Home_button.png" alt="HOME" border="0" /></a>
<div id="Forum">
<a href="http://www.tagesschau.de/"><img src="Design/Layoutall/Forum_button.png" alt="Forum" border="0" /></a> 
<div id="Bilder">
<a href="http://www.tagesschau.de/"><img src="Design/Layoutall/Bilder_button.png" alt="Bilder" border="0" /></a>
<div id="Projekte">
<a href="http://www.tagesschau.de/"><img src="Design/Layoutall/Projekte_button.png" alt="Projekte" border="0" /></a>
</div>
</body>
</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
{
}


HIER EIN BILD VOM PROBLEMCHEN^^




MFG LEri^^
 
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: 
<ul>
	<li><a href="blaaaa">Blubs</a><li>
	<li><a href="blaaaa">Blubs</a><li>
	<li><a href="blaaaa">Blubs</a><li>
	<li><a href="blaaaa">Blubs</a><li>
</ul>

css:

Code: 
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
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben