Hey Community,
da ich in letzter Zeit ein winziges bisschen HTML und CSS gelernt habe und auch weiterhin üben möchte, kam mir heute der Einfall ich schreibe eine kleine HP zum Üben.
Nun habe ich aber ein Problem, ich habe zwar eine Sidebar und einen "Home" Bereich, der noch nicht verlinkt ist, allerdings will mein Header nicht dahin wo ich es möchte, nämlich nach rechts oben, neben den Home Button, welcher in der linken oberen Ecke ist. >.> Hier erstmal der Body Tag mit CSS Script
Hier das CSS Script:
Der Header2 wurde noch nicht richtig positioniert und häng irgendwo unten rum. Mein Problem derzeit ist eigentlich der Header, welcher eigentlich ganz oben neben dem Portal sein sollte, zumindest weiß ich nicht wie ich ihn da hin kriege...Derzeit hängt er oben an der Sidebar, welche direkt unter dem Portal hängt.
(Zwischen Header und Sidebar ist extra 1 px Platz, damit ich einen kleinen Überblick darüber habe, ob es überhaupt passt.)
Würde mich über Hilfe freuen!
da ich in letzter Zeit ein winziges bisschen HTML und CSS gelernt habe und auch weiterhin üben möchte, kam mir heute der Einfall ich schreibe eine kleine HP zum Üben.
Nun habe ich aber ein Problem, ich habe zwar eine Sidebar und einen "Home" Bereich, der noch nicht verlinkt ist, allerdings will mein Header nicht dahin wo ich es möchte, nämlich nach rechts oben, neben den Home Button, welcher in der linken oberen Ecke ist. >.> Hier erstmal der Body Tag mit CSS Script
HTML:
<body>
<div id="Home" align="center">
<h1>Home</h1>
</div>
<div id="Header">
<h1>Überschrift</h1>
</div>
</table>
<div id="Sidebar" align="center">
<a class="menu" href="http://www.google.de">Platzhalter</a>
<a class="menu" href="http://www.google.de/">Platzhalter</a>
<a class="menu" href="http://www.google.de">Platzhalter</a>
<a class="menu" href="http://www.google.de">Platzhalter</a>
</div>
<div id="Header2">
<p>Dieser Header wurde noch nicht positioniert.</p>
</div>
</body>Hier das CSS Script:
Code:
#Header
{
background-color: #47B2FF;
height: 63px;
width: 1043px;
font-family: Times;
color: White;
text-align: center;
float: right;
}
#Header2
{
background-color: #404040;
height: 70px;
width: 991px;
color: White;
float: right;
}
#Home
{
background-color: #404040;
height: 133px;
width: 204px;
color: White;
overflow: visible;
}
#Sidebar
{
background-color: #47B2FF;
height: 1000px;
width: 199px;
font-size: 18pt;
padding-left: 5px;
color: #404040;
font-family: Arial;
margin-top: auto;
padding-top: 10px;
}
a.menu
{
display: block;
margin-bottom:5px;
text-align:center;
width:199px;
text-decoration:none;
}
a.menu:hover
{
color:White;
background-color:#427CA5;
}
a.menu
{
color: #404040;
text-decoration: none;
}
a.menu:visited
{
text-decoration: none;
}Der Header2 wurde noch nicht richtig positioniert und häng irgendwo unten rum. Mein Problem derzeit ist eigentlich der Header, welcher eigentlich ganz oben neben dem Portal sein sollte, zumindest weiß ich nicht wie ich ihn da hin kriege...Derzeit hängt er oben an der Sidebar, welche direkt unter dem Portal hängt.
(Zwischen Header und Sidebar ist extra 1 px Platz, damit ich einen kleinen Überblick darüber habe, ob es überhaupt passt.)
Würde mich über Hilfe freuen!
Zuletzt bearbeitet:
!
