Autor Zpráva
Anonym...
Profil *
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>
CSS:
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
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 *
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
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 *
_es:
V těch nejnovějších. Position: relative tam mám proto, že relative dává ohled na ostatní elementy na stránce.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: