Sivu 1/1

CSS ongelma

Lähetetty: 30.1.2013 klo 23.06
Kirjoittaja Robikol
En nopealla haulla löytänyt vastaavaa aihetta joten kysyn tässä.
Miten saan tuon navigointipalkin sivun keskelle? Sivuja teen BlueGriffon ohjelmalla.

Koodi: Valitse kaikki

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>etusivu</title>
    <style type="text/css">


#kirjasin {  
  font-family: "Comic Sans MS";
}

#hhh {  
  visibility: visible;  
  float: right;
}
      
      
#nav
{
    padding:0;
}
#nav li
{
    display:inline-block; 
}
#nav li a
{  
   font-family:Arial;
   font-size:12px;
   text-decoration: none;
   float:left;
   padding:10px;
   background-color: #333333;
   color:#ffffff;
   border-bottom:1px;
   border-bottom-color:#000000;
   border-bottom-style:solid;
}
#nav li a:hover
{
   background-color:#9B1C26;
   padding-bottom:12px;
   border-bottom:2px;
   border-bottom-color:#000000;
   border-bottom-style:solid;
   margin: 0 auto;
}


</style></head>
  <body>
    <div id="tausta" style="text-align: center;"><img title="Logo" alt="" src=""><br>
    </div>
    <ul id="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Products</a></li>
      <li><a href="#">Sitemap</a></li>
      <li><a href="#">Help</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
    
  </body>
</html>

Re: CSS ongelma

Lähetetty: 31.1.2013 klo 0.43
Kirjoittaja richidi
#nav {margin: 0 auto 0 auto;}

Eli oikealle ja vasemmalla automaattinen margini.
http://www.w3schools.com/css/css_align.asp

Re: CSS ongelma

Lähetetty: 2.2.2013 klo 0.00
Kirjoittaja villeristi
richidi kirjoitti:#nav {margin: 0 auto 0 auto;}

Eli oikealle ja vasemmalla automaattinen margini.
http://www.w3schools.com/css/css_align.asp
...Ja sama tiivistettynä: { margin: 0 auto; }