Autor Zpráva
Z3NTIVA
Profil
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;
}
a pořád to nefunguje tak, jak bych chtěl...
Proč se menu mění na jakoby blokový element, když chci aby byly jednotlivé položky " v řadě" ? Děkuji
Fisir
Profil
Reaguji na Z3NTIVu [#1]:
Prosím o odkaz na živou ukázku.
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>
Ja je mam v rade. Nevim, co tam carujes s tak slozitym kodem.
pidusak
Profil
Stačí nastavit menu nějakou dostatečně velkou šířku, ony se ty elementy prostě na jeden řádek nevlezou.

ul#menu{
 width: 100%;
}

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: