M
missge8
Guest
Hallo Liebes Forum
Ich bin an meiner ersten Webseite am erstellen und habe meine Schwierigkeiten.
Bis jetzt habe ich jedes Problem lösen können mit Google und Co. aber jetzt bin
ich an einen Punkt gekommen wo ich es nicht lösen kann.
Ich will 3 Div id nebeneinander anordnen mit einen button unten dran.
Das nebeneinander ging, aber 2 butten überlappen sich.
http://www.bilder-hochladen.net/files/kq4q-3-eccb-jpg.html
Der HTML Code:
Css:
Ich hoffe ihr könnt was damit anfangen
Liebe Grüsse
Samuel
Ich bin an meiner ersten Webseite am erstellen und habe meine Schwierigkeiten.
Bis jetzt habe ich jedes Problem lösen können mit Google und Co. aber jetzt bin
ich an einen Punkt gekommen wo ich es nicht lösen kann.
Ich will 3 Div id nebeneinander anordnen mit einen button unten dran.
Das nebeneinander ging, aber 2 butten überlappen sich.
http://www.bilder-hochladen.net/files/kq4q-3-eccb-jpg.html
Der HTML Code:
Code:
<div id="Navi">
<div id= "main">
<span style="font-size:2.8em"> 3D Art </span> <br />
<span style="font-size:1.8em"><br />
Hier ist eine Galerie<br>
der Bilder die ich <br>
erstell habe.</span>
<ul><span style="font-size:1.3em">
<a href="Gallerie.html"> Stöbern</a>
</ul></span>
</div> <!-- 3D Art -->
<div id= "side">
<span style="font-size:2.8em"> Kontakte </span> <br />
<span style="font-size:1.8em"><br />
Hier können sie<br>
mir eine E-Mail<br>
schreiben
</span>
<ul><span style="font-size:1.3em">
<a href="Kontakte.html"> Anschreiben</a>
</ul></span>
</div> <!-- Kontakte -->
<div id= "middle">
<span style="font-size:2.8em"> Game</span> <br />
<span style="font-size:1.8em"> <br />
Hier können sie <br>
meine Alpha Versionen <br>
spielen.</span>
<ul><span style="font-size:1.3em">
<a href="Game.html"> Gamen</a>
</ul></span>
</div> <!-- Game -->
</div> <!-- ende Navi -->
Css:
Code:
#Navi{
background: #ffe486;
border-color:#ffe486;
width: auto;
height: 350px;
text-align: center;
padding-left: 120px ;
padding-right: 120px;
}
#main {
float:left;
height: 0px;
color: #08bffb;
color:#666;
}
#side {
float:right;
height: 0px;
color: #08bffb;
color:#666;
}
#middle {
float: center;
color: #08bffb;
color:#666;
}
Ich hoffe ihr könnt was damit anfangen
Liebe Grüsse
Samuel