Autor Zpráva
MichalVlasák
Profil
Zdravím Vás,
proč mi prosím nefunguje display: inline-table v tomto skriptu?
<STYLE type="text/css">
         nav ul {
                   background: #efefef; 
               background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
               background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
               background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
               box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
               padding: 0 20px;
               border-radius: 10px;
                   list-style: none;
               position: relative;
               display:inline-table;
                   vertical-align: top;}
         nav ul li {}
         nav ul li a {text-decoration: none;}
         .hlavni {
                    position: relative;
                    margin: 0px auto;
                    width: 1000px;}
      </STYLE>
   </HEAD>
   <BODY>
      <DIV class="hlavni">
         <NAV>
            <UL>
               <LI><A href="#">Domů</A></LI>
               <LI><A href="#">Historie</A></LI>
               <LI><A href="#">Pravidla</A></LI>
               <LI><A href="#">Osobnosti</A></LI>
               <LI><A href="#">Výsledky turnajů</A></LI>
               <LI><A href="#">Mé hry</A></LI>
            </UL>
         </NAV>
      </DIV>
   </BODY>

Děkuji
Bubák
Profil
MichalVlasák:
proč mi prosím nefunguje display: inline-table v tomto skriptu?
Já to zkusil a funguje. V čem podle tebe spočívá nefunkčnost deklarace inline-table?
inline-table nefunguje v IE7. V novějších IE ve quirk režimu také nefunguje.
IE8 nezná element nav, nejde v něm nastylovat a ani elementy zaměřené v kontextu nav nejdou nastylovat, podporu nepodporovaných elementů jde přidat JavaScriptem.
lionel messi
Profil
MichalVlasák:
Mne to tiež funguje: dôkaz.
MichalVlasák
Profil
lionel messi:
Tak je z důkazu vidět, že to nefunguje. Ty odkazy by měly být vedle sebe a ne pod sebou.
Proto je tam inline. V řádku.
Bubák
Profil
display: inline-table; je deklarováno elementu ul, pokud je seznamů více, jsou v řádku, podobně, jako třebas obrázky. http://kod.djpw.cz/lmbb
Vlastnosti display se nedědí.
MichalVlasák
Profil
Bubák:
Omlouvám se, vysvětlení jsem nepochopil. Co bych měl udělat, aby to bylo v řádku?
Bubák
Profil
Pod sebe se ti řadí položky seznamu <li>, takže musíš něco udělat s nimi. Třebas deklarovat pro li plavání (float) nebo třebas display: inline;
Koukni třebas do kódu http://teststranek.kvalitne.cz/menu7.1/ (float) nebo http://teststranek.kvalitne.cz/menu7.3/ (inline), nemusíš to udělat přesně stejně. Odkázaná menu jsou starší a fungují a vypadají stejně v prohlížečích od IE6 včetně, i ve všech současných prohlížečích.

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: