Hallo, ich mal wieder,
ich bin dabei eine neue seite zu erstellen nur weiß ich nicht wie man das ul element ganz nach links ausrichten kann.
zudem möchte ich das das hover und der dazu gehörige link über die ganze navigationsleiste geht und nicht nur wenn ich den text/link anfahre.
Habe schon gesucht aber noch nichts passendes gefunden.
Wäre nett wenn ihr mir nen kleinen denkanstoß gebt oder mich auf fehler hinweißt.
PHP-Code:
tml>
<head>
<style type="text/css">
<!--
body {
background-color:white;
}
#site {
margin: 0 auto;
max-width: 960px;
}
#header{
background-color: #063661;
min-height : 120px;
width : 940px;
margin : auto;
padding : 10px 10px 5px 20px;
}
#table {
width : 960px;
border-left: 2px solid #063661;
border-right: 2px solid #063661;
padding: 3px;
}
#nav {
float: left;
height: 200px;
line-height: 1.5;
padding-left: 4px;
padding-right: 3px;
width: 150px;
}
#main {
border-left: 1px solid #063661;
font-family: Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 450px;
line-height: 15px;
margin-left: 159px;
margin-right: 0;
padding-right: 0;
width: auto;
}
ul {
list-style-type: none;
margin-left: 0;
text-indent: -25px;
}
li {
padding-top: 7.5px;
padding-bottom: 7.5px;
}
li a{
font-family : Arial;
font-size : 16px;
font-weight : bold;
color : #063661;
text-decoration: none;
}
ul li a:hover {
display:block;
background: #E3E0FF;
text-decoration: underline;
}
-->
</style>
</head>
</body>
<div id = "site">
<div id="header">
<img src="images/human2.GIF" alt="Human Color Logo">
</div>
<div id="table">
<div id="nav">
<ul>
<li><a href ="test.html">Home</a></li>
<li><a href ="test.html">Service</a></li>
<li><a href ="test.html">Farben</a></li>
<li><a href ="test.html">Ziele</a></li>
<li><a href ="test.html">Projekte</a></li>
<li><a href ="test.html">Wir üer uns</a></li>
<li><a href ="test.html">E-Mail Kontakt</a></li>
<li><a href ="test.html">Impressum</a></li>
</div>
<div id="main">
</div>
</div>
</div>
</body>
</html>
Schon mal danke im vorraus