text-align: center?

[Spider84]

Fungerar fin fint när man har p runt, men när jag har det som länkar fungerar det inte alls. Det är en meny jag vill centrera, eller rättare sagt länkarna i den, men vare sig align: center eller text-align: center fungerar. Testar jag att sätta p runt och har en vanlig olänkad text fungerar det dock hur bra som helst.
Men jag vill inte sätta p runt länkarna eftersom validatorn inte tycker om det.

Tips?

 

[nidron]

Sv: text-align: center?

Länkar är Inline-element och tar bara upp så mkt plats i sidled som behövs. Du kan ändra dem till Block-level-element med:

display:block;

Då kommer de placeras som en <p>(fast utan paragrafens marginaler, då)

 

[Spider84]

Sv: text-align: center?

Ah det var det som saknades. Tack!

Ytterliggare en fråga. Andra menyn har jag liggandes och har mellan 2 och 4 länkar på dom beroende på vilken sida man är inne på.
Finns det något sätt att koda så de alltid hamnar med snyggt avstånd från varandra? Alltså säga till dom att ha samma avstånd från varandra som till början/slutet av menyn?

 

[Spider84]

Sv: text-align: center?

Det med display block fungerade bra, men nu lägger den istället in ett "enter" mellan länkarna så det blir lite för mycket plats mellan dom. Kan jag minska den platsen på något sätt?

 

[nidron]

Sv: text-align: center?

Blev det för mycket utrymme ovan och under länkarna? Du kan testa att mixtra lite med:

margin:0 10px;

Första siffran står för margin-top och margin-bottom(nollor behöver inte anges med "px"). Den sista siffran står för -left och -right.

 

[nidron]

Sv: text-align: center?

Hm, måste nog få be att se en skiss på två- respektive fyra-länkars-menyn

 

[Spider84]

Sv: text-align: center?

Margin har jag koll på och testade med det, men även om jag ger top och bottom 0 i margin så kommer jag väl inte under den ytan som block ges automatiskt?


Jag är alldeles för dålig på att rita. Gjorde så här istället:

Sen kan jag istället ha 2 eller 3 länkar där som också ska ligga snyggt utspritt.