| Autor | Zpráva | ||
|---|---|---|---|
| Z3NTIVA Profil |
#1 · Zasláno: 10. 4. 2012, 18:28:24
Zdravím, zhruba po dvou měsících dělam webovky, a, doháním to, co jsem pozapoměl...
mám následující kód : HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<link rel="stylesheet" href="styly.css" media="tv, screen, projector" type=" text/css" >
<title>Dovoz aut - Globallease</title>
</head>
<body>
<div id="obal">
<div id="obal_header_top">
<div id="logo">
</div>
<ul id="menu">
<li class="hover"><a href="#">Domů</a></li>
<li><a href="#">Nabízíme</a></li>
<ul id="vyjed">
<li><a href="#">Přívěsné vozíky</a></li>
<li><a href="#">Užitkové vozy</a></li>
</ul>
<li><a href="#">Poptávky</a></li>
<li><a href="#">O Nás</a></li>
</ul>
</div>
</div>
</body>
</html>CSS * {
padding: 0;margin: 0;
}
body {
background-color: #fff;
width: 100%;
}
#obal {
margin:0 auto 0 auto ;
width:1210px ;
background-color:black;
}
#obal_header_top{
float:left;
}
#logo {
background-image: url('images/logo.png');
background-repeat: no-repeat;
width: 225px ;
height:86px ;
float:left;
}
#obal_header_top ul#menu {
float:right;
margin:0 0 0 300px;
}
ul#menu li {
float:left;
padding-left:20px;
list-style-type: none;
}Proč se menu mění na jakoby blokový element, když chci aby byly jednotlivé položky " v řadě" ? Děkuji |
||
| Fisir Profil |
#2 · Zasláno: 10. 4. 2012, 18:30:41
|
||
| peta Profil |
<style>
ul, li {margin:0; padding:0; display:inline; list-style-type:none;}
</style>
<ul id="menu">
<li class="hover"><a href="#">Domů</a></li>
<li><a href="#">Nabízíme</a></li>
<ul id="vyjed">
<li><a href="#">Přívěsné vozíky</a></li>
<li><a href="#">Užitkové vozy</a></li>
</ul>
<li><a href="#">Poptávky</a></li>
<li><a href="#">O Nás</a></li>
</ul> |
||
| pidusak Profil |
#4 · Zasláno: 12. 4. 2012, 05:23:29
Stačí nastavit menu nějakou dostatečně velkou šířku, ony se ty elementy prostě na jeden řádek nevlezou.
ul#menu{
width: 100%;
} |
||
|
Časová prodleva: 12 let
|
|||
0