Autor Zpráva
destr
Profil
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 &amp; 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
destr:
border-right?
Plaváček
Profil
Joker:

A co poslední položka?
petr 6
Profil
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
Díky moc za rady, zkusím to s tím pozadím a dám vědět.
destr
Profil
Jj už to funguje, trochu sem si pohrál s barvama a je to OK.

Ještě jednou díky.

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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