CSS

Chci si udělat menu, takže mam seznam odkazů,který jsem si definoval jako block.A teď každej odkaz se skládá ze tří textovejch částí a já potřebuju aby všechny prostřední byly stejně dlouhý. Mělo by to vypadak asi takhle:

<< Odkaz1 >>
<< Odkaz2 >>
<< Odkaz s delším textem >>

Popřípadě se to pak vycentruje.
Zdroják mam takhle:
<li><a ...><span>&gt</span> Odkaz1 <span>&lt</span></a></li>

Problém je, když prostřední část(text) dam jako div, tak mi to nezůstane na jednom řádku a když jako span, tak se nedá nastavit dýlka.
Poraďte, jak to vyřešit.

1. pokud nekde v kodu uvadis znaky <, > a tyto nejsou soucasti jmena tagu je treba je zapisovat jako < a > viz: http://www.cookwood.com/html/extras/entities.html
... pozor na to, jedna se o zbytecnou chybu a tato muze zpusobit neprijemnonsti pri parsovani dokumentu, temi programy, ktere ocekavaji od svych vstupu dodrzovani standardu.
2. lbokovy element (napr DIV) lze take vycentrovat, a to pomoci margin:auto; MSIE je vsak opet sto let za opicema, a nejen ze toto neumi, ale navic obsahuje chybu, ktera v rozporu se specifikaci umoznuje centrovani blokovych elementu pomoci pouheho formatovani textu tedy text-align:center; (teto chyby vsak lze "vyuzit" a zajistit tak centrovani i v tomto softwarovem zazraku :-)
3.

ted vidim, ze toto forum nezachovava zneni entit, takze jeste jednou
... je treba je zapisovat jako &_l_t_; a &_g_t_; (bez podtrzitek) ...

No já to právě tak měl, ale to fórum ty entyty nezachovalo:)).
To centrování není problém. Odkaz jsem si v css dal jako blokovej a teď potřebuju dát tam vedle sebe tři různě dlouhý prvky (asi divy) a pak v dalšim odkazu to samý a tz odkazy maj bejt po sebou. Když tam dam samotný divy, tak se mi daj pod sebe místo vedle sebe.

re: "No já to právě tak měl, ale to fórum ty entyty nezachovalo:))."
no tak pak jsem tu rozumoval uplne zbytecne :-)

jinak to horizontalni prilepeni divu lze vyresit pomoci float.
muzeme tak mit div o dane sirce obsahujici text odkazu a uvnitr dva plovouci bloky obsahujici nejake ty okrajove ascii arty.

<div style="width:10em;">
<div style="float:left">..::</div>
<div style="float:right">::..</div>
odkaz
<div style="clear:both;" />
</div>

to mi ale prijde jako mnoho prace a kodu za malo muziky. Snad by to slo i usporneji.

Pokud by na okrajich mela byt graficka dekorace lze pouzit dva vnorene divy a pro kazdy z nich definovat background-image okrajoveho obrazku jednou se zarovnanim vlevo a pote vpravo. Obsah pak vlozit do druheho vnoreneho divu. Tento zapis by byl rozhodne kratsi.

Přeně tak, jak píše Ge0rge. Navíc <<, >> nenese žádnou informační hodnotu.

Nejlépší máš asi ty obrázky do pozadí nalevo a napravo. Problém možná bude v jejich velikosti vzhledem k písmu, ale to budeš muset asi přetrpět.

Já bych ještě místo druhého divu použil rovnou <a style="display:block">.

Zkus se zeptat na to zeptat ještě na diskuse.interval.cz, tam tomu lidi docela dost rozumí. Nejspíš ti navrhnou něco podobného.

Zajímavé je i tohle Pixyho řešení nadpisů (tlačítek):
http://www.pixy.cz/blogg/clanky/rubberheaders/

Celkově ti doporučuji porčíst některé články na www.pixy.cz.