| Autor | Zpráva | ||
|---|---|---|---|
| MichalVlasák Profil |
#1 · Zasláno: 25. 1. 2014, 16:34:15
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 |
#2 · Zasláno: 25. 1. 2014, 17:59:07
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 |
#3 · Zasláno: 25. 1. 2014, 18:00:42
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 |
#5 · Zasláno: 25. 1. 2014, 19:15:23
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 |
#6 · Zasláno: 25. 1. 2014, 19:17:58
Bubák:
Omlouvám se, vysvětlení jsem nepochopil. Co bych měl udělat, aby to bylo v řádku? |
||
| Bubák Profil |
#7 · Zasláno: 25. 1. 2014, 19:44:58
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. |
||
|
Časová prodleva: 12 let
|
|||
0