| Autor | Zpráva | ||
|---|---|---|---|
| destr Profil |
#1 · Zasláno: 8. 3. 2011, 16:05:47
Zdravím všechny HTML a CSS mágy,
ve škole mám udělat projekt, kde sem dostal pevně daný HTML kód a mám k němu udělat styly. Většinu jsem zvládl ale mám problém v tomto kódu: <div id="menu"> <ul> <li><a href="#">Products</a></li> <li><a href="#">Sale & Services</a></li> <li><a href="#">Technology</a></li> <li><a href="#">Company</a></li> </ul> </div> ... z tohoto kódu má vzniknout takovéto menu: 
udělal sem vycentrování, a zarovnání do jednoho řádku, ale nevím jak mezi ty položky nacpat tu " | ", tak aby to bylo jen mezi těma položka a ne i na konci a začátku. Asi to bude nějak přes content, ale jinak nevím. Jo a HTML kód nemůžu změnit, ten je pevně daný. Díky za každou dobrou radu |
||
| Joker Profil |
#2 · Zasláno: 8. 3. 2011, 16:17:10
destr:
border-right? |
||
| Plaváček Profil |
#3 · Zasláno: 8. 3. 2011, 16:19:29
Joker:
A co poslední položka? |
||
| petr 6 Profil |
#4 · Zasláno: 8. 3. 2011, 16:22:50
Tomu divu nastavíš zelené pozadí, tomu ul nastavíš bílé pozadí a těm li nastavíš opět zelené pozadí.
Pak si jen pohraješ s margin, padding a display, aby to bílé pozadí prosvítalo jen a pouze mezi jednotlivými položkami (tj. simulovalo ty čáry). |
||
| destr Profil |
#5 · Zasláno: 8. 3. 2011, 16:31:51
Díky moc za rady, zkusím to s tím pozadím a dám vědět.
|
||
| destr Profil |
#6 · Zasláno: 8. 3. 2011, 16:55:03
Jj už to funguje, trochu sem si pohrál s barvama a je to OK.
Ještě jednou díky. |
||
|
Časová prodleva: 13 let
|
|||
0