Autor Zpráva
matata8611
Profil
Ahoj,
mám tento problém.

#menu ul {
    margin:0;
    padding:0;
    width:905px
    }

#menu ul li {
    list-style:none;
    display:inline-block;
    text-align:center;
    height:50px;
    width:175px;
    border-left: solid 1px black;
    border-right: solid 1px red;
    }

Potrebuji aby byly jednotlive LI na sebe nalepene ale mezi cervenym a cernym border je mezera. Jak ji prosim zrusit?
https://dl.dropboxusercontent.com/u/7297842/li.PNG

Dekuji moc.
Str4wberry
Profil
Existuje několik možností: Inline-block a bílé znaky
Bubák
Profil
Možností je spousta, nejmíň práce budeš mít, když místo inline-block použiješ table-cell. Pokud požaduješ funkčnost i v IE7, tak namísto display: inline-block; použij float.
Koukni na http://teststranek.kvalitne.cz/menu6/ a uprav si podle svých představ.
Tomáš123
Profil
matata8611:
Prípadne, zruš zalomenia riadkov v HTML alebo nepoužívaj nepovinné ukončovacie značky prvku <li>. Toto riešenie má myslím najlepší pomer komfortu a kompatibility.
Bubák
Profil
Tomáš123:
alebo nepoužívaj nepovinné ukončovacie značky prvku <li>
To nemá na bílé znaky žádný vliv, bez ohledu na to, zda položky seznamu budou obsahovat text nebo odkazy.
Tomáš123
Profil
Bubák:
To nemá na bílé znaky žádný vliv
Tento postup síce počet bielych znakov neupravuje, ale premiestňuje ich na menej viditeľné miesto. Ukážka.
Bubák
Profil
Tomáš123:
To jsem netušil, díky za ukázku.
matata8611
Profil
díky moc všem

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: