Autor Zpráva
Pavel015
Profil
Pěkný den.

Mám kód a marně se snažím již několik hodin dostat položky v menu na střed.... Nevíte, jak na to? Zkoušel jsem různě napsat margin: auto;, ale nic...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<title>Horizontální CSS menu</title>
<style type="text/css">
/* <![CDATA[ */


#menu-box {background: #1C4E71 url('img/menu-bg.gif') repeat-x 0 0;}
#menu {width: 960px; margin: 0 auto;}

#menu li {
    float: left;
    display: inline;
    list-style-type: none;
    text-align: center;
    }

#menu li a {
    text-decoration: none;
    color: #FFF;
    float: left;
    display: inline;
    line-height: 35px;
    padding: 0 18px;
    border-right: 1px solid #6E9DBE;
    }
 
#menu li.first a {border-left: 1px solid #6E9DBE;}
#menu li a:hover, #menu li a.active {background-color: #133F5D;}

/* Clearfix */
.clearfix:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    content: ' ';
    }

.clearfix {min-height: 1px;}
.clearfix {display: inline-block;} /* Pro IE/Mac */

/* Backslash hack - nemel by to videt IE/Mac \*/
.clearfix {display: block;}
/* Konec hacku */

/* ]]> */
</style>
</head>

<body>
<div id="header">&nbsp;</div>
<div id="menu-box">    
<ul id="menu" class="clearfix">
    <li class="first"><a class="active" href="/">Úvod</a></li>
    <li><a href="#">Autoři</a></li>
    <li><a href="#">Články</a></li>
    <li><a href="#">Fotografie</a></li>
    <li><a href="#">Kontakt</a></li>
</ul>
</div>

</body>
</html>
Bubák
Profil
#menu {width: 960px; display: table; margin: auto;}
Pavel015
Profil
Bubák:
Wow! Díky moc!

Pěkný večer.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: