Autor | Zpráva | ||
---|---|---|---|
Anonym... Profil * |
#1 · Zasláno: 9. 2. 2014, 20:53:03
Mám takový problém, firefox mi zobrazí můj nastylovaný seznam jinak než jiné prohlížeče, proto zde přikládám kód.
HTML: <section> <ul> <li>HTML</li> <li>CSS</li> <li>PHP</li> <li>JS</li> </ul> <ol> <li>99%</li> <li>99%</li> <li>83%</li> <li>64%</li> </ol> </section> section ul li { position: relative; list-style-type: none; float: left; color: #FFFFFF; background-color: #00BBFF; margin-left: 2px; margin-bottom: 2px; top: 30px; width: 99px; padding: 15px 5px; font-size: 23px; font-family: Georgia; text-align: center; transition: top 0.5s; -moz-transition: top 0.5s; -webkit-transition: top 0.5s; -o-transition: top 0.5s; -ms-transition: top 0.5s; } section ul { position: relative; top: 135px; left: 81px; width: 230px; z-index: 1; cursor: pointer; } section ol li { list-style-type: none; float: left; border: 2px solid #B3B3B3; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-left: 55px; margin-bottom: 25px; padding: 5px 5px; text-align: center; color: #00BBFF; font-family: Georgia; font-size: 17px; width: 42px; } section ol { position: relative; top: 70px; left: 56px; width: 230px; height: 5px; z-index: 0; cursor: default; } Živě http://jsfiddle.net/8cntv/. |
||
Kubo2 Profil |
#2 · Zasláno: 10. 2. 2014, 00:06:19
Anonym...:
Mohol by si prosím konkrétnejšie popísať, ako inak ho zobrazuje? Na mobile totiž FF nemám a kvôli jednému problému si ho nebudem inštalovať. Tipujem, že nedokáže naštýlovať neznámu značku section , ale javí sa mi to nereálne.
|
||
Anonym... Profil * |
#3 · Zasláno: 10. 2. 2014, 08:54:15
Kubo2:
Stačí když si ukázku otevřeš v chromu a Firefoxu a rozdíl uvidíš. Nicméně v Chromu je druhý seznam(ol li) celý schovaný za prvním seznamem(ul li), ale ve Firefoxu už jde kousek ol li vidět a toto se děje jen ve Firefoxu. |
||
_es Profil |
#4 · Zasláno: 12. 2. 2014, 10:12:43
Anonym...:
V akých verziách Firefoxu a Chrome? Mne sa v oboch zobrazí len prvý zoznam. Prečo používaš position:relative ?
|
||
Anonym... Profil * |
#5 · Zasláno: 12. 2. 2014, 11:53:57
_es:
V těch nejnovějších. Position: relative tam mám proto, že relative dává ohled na ostatní elementy na stránce. |
||
Časová prodleva: 11 let
|
0