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: 11 let
|
0