| 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 |
#2 · Zasláno: 8. 6. 2015, 16:06:34
Existuje několik možností: Inline-block a bílé znaky
|
||
| Bubák Profil |
#3 · Zasláno: 8. 6. 2015, 16:08:14
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 |
#4 · Zasláno: 8. 6. 2015, 16:14:51
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 |
#5 · Zasláno: 8. 6. 2015, 17:01:04
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 |
#6 · Zasláno: 8. 6. 2015, 17:25:10
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 |
#7 · Zasláno: 8. 6. 2015, 17:34:19
Tomáš123:
To jsem netušil, díky za ukázku. |
||
| matata8611 Profil |
#8 · Zasláno: 8. 6. 2015, 18:25:43
díky moc všem
|
||
|
Časová prodleva: 9 let
|
|||
0