Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 06.05.2011, 19:52
newbie88 newbie88 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.04.2011
Ort: Bad Salzuflen
Beiträge: 28
newbie88 befindet sich auf einem aufstrebenden Ast
Standard css navigationsleiste mit ul

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 {
                
margin0 auto;
                
max-width960px;
        }
        

        
        
#header{
        
                
background-color#063661;
                
min-height 120px;
                
width 940px;
                
margin auto;
                
padding 10px 10px 5px 20px;
                            
        }
        
        
#table {
        
                
width 960px;
                
border-left2px solid #063661;
                
border-right2px solid #063661;
                
padding3px;
        }
        
        
#nav {
                
floatleft;
                
height200px;
                
line-height1.5;
                
padding-left4px;
                
padding-right3px;
                
width150px;
            }
            
        
#main {
                    
border-left1px solid #063661;
                    
font-familyVerdana,Arial,sans-serif;
                    
font-size12px;
                    
min-height450px;
                    
line-height15px;
                    
margin-left159px;
                    
margin-right0;
                    
padding-right0;
                    
widthauto;
        }
            
            
        
ul {
                list-
style-typenone;
                
margin-left0;
                
text-indent: -25px;
        }
        

        
        
li {
                
padding-top7.5px;
                
padding-bottom7.5px;


        }
        
        
        
li a{
                
font-family Arial;
                
font-size 16px;
                
font-weight bold;
                
color #063661;
                
text-decorationnone;

        }
        
        
ul li a:hover {
            
display:block;
            
background#E3E0FF;
            
text-decorationunderline;
        }
        
        -->
        </
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
Mit Zitat antworten
Sponsored Links