horizontal menu bar
Posted: 08 January 2011 03:49 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2011-01-08

Hello. I am using html and css in firefox. I have made box for menu bar.So, Im trying to do horizontal menu bar and put it into that box. If Im setting the display:inline in css fail, it still displays menu vertically. Can someone tell , whats the problem?

@CHARSET "UTF-8";
{ padding0margin0}
body{
background
-image:url('puit.jpg');
font-familyArialHelveticasans-serif;
 
font-size13px;
 
}
#wrapper {
    
    
margin:0 auto;
    
width922px;
    
}
#pealis {
    
width900px;
    
color#ccc;
    
padding10px;
    
height 100px;
    
margin 10px 0px 5px 0px;
    
background-image:url("header.jpg");
}
#menu {
        
    
width:900;
    
    
color#333;
    
backgroundgrey;
    
padding10px;
    
border1px solid #ccc;
    
margin0px 0px 5px 0px;        
}
#menu ul{
    
list-style-type:none;
    
margin0;
    
padding0;
    
}
#menu ul li{
    
display:inline;
}    



#sisu {
    
width900px;
    
color#333;
    
border1px solid #ccc;
    
margin0px;
    
padding10px;
    
height350px;
    
background-colorwhite;
}
#footer {
    
width900px;
    
color#333;
    
border1px solid #CCC;
    
margin0px 0px 10px 0px;
    
padding10px;
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<
html>
<
head>

<
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<
link rel="stylesheet" type="text/css" href="main.css"/>
<
title>Kodulehekylg</title>
</
head>

<
body>
    <
div id="wrapper">
    
            <
div id="pealis">
            
            </
div>
            
            <
div id="menu">
            
            
            <
ul >
            <
li><h2><a href="#" >Avaleht </a></h2></li
            <
li><h2><a href="#">Kontakt</a></h2></li>
            <
li><h2><a href="#">Ktte</a></h2></li>
            <
li><h2><a href="#">sfds</a></h2></li>
             
            </
ul>
            
            </
div>
            <
div id="sisu">
            <
h1><centerHello!</center></h1>
            </
div>
            <
div id="footer">
            
            </
div>
    </
div>    


</
body>
</
html
Profile