| Autor | Zpráva | ||
|---|---|---|---|
| Pavel015 Profil |
#1 · Zasláno: 7. 9. 2016, 16:07:12
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"> </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 |
#2 · Zasláno: 7. 9. 2016, 17:34:57
#menu { |
||
| Pavel015 Profil |
#3 · Zasláno: 7. 9. 2016, 18:05:57
Bubák:
Wow! Díky moc! Pěkný večer. |
||
|
Časová prodleva: 10 let
|
|||
0