Lijst centreren en recht maken

Door niek s op 10-08-2006 15:56

448 views

Hi mensen,

Ik heb dus nu een lijstje
(met <ul> en <li>)
En nu is het probleem dat deze in een tabel staat, in een <td> die heeft megegeven: 'align="center"'

wat je nu krijgt is een lijstje in het midden, maar die ziet er zo uit:


bla //om het goed te laten zien
              klein_woord
       een_iets_langer_woord
                 nog_iets
 bla_bla_bla_bla_bla_bla_bla_bla

maar ik wil dat het in het midden staat, en het er zo uit ziet:


klein_woord
een_iets_langer_woord
nog_iets
bla_bla_bla_bla_bla_bla_bla_bla

Hoe moet ik dit realiseren?

MvG,
Niek

[edit]
Die eerste bla staat er bij omdat het anders niet goed in het code vak komt te staan
[/edit]

Ponzi

10-08-2006 15:59

Je kan de padding en de margins aanpassen en dan verkrijg je wel het gewenste effect denk ik :) !

Of als de bullets links mogen blijven staan, kan je text-indent in je css gebruiken ;) !

niek s

10-08-2006 16:04

euhm? ik snap niet?
bullets links?

[edit]misschien heb je hier wat aan: het moet gewoon hetzelfde lijstje worden, alleen dan aan de linkerkant moet het recht zijn...[/edit]

Ponzi

10-08-2006 16:10

Ja weet ik :) Maar een lijst heeft toch altijd een bullet / cijfer / rondje / ... al deze links mogen blijven staan doe je gewoon een text-indent via css.

Maar dat is niet de bedoeling dus doe je zo:


ul
{
padding: 0px 0px 0px 50px;
}

Dan plaatst hij alles 50 pixels naar rechts ;) !

PHP Newbie

10-08-2006 16:10

heb je geen align center in je div staan?

Post is een stukje ;-)

niek s

10-08-2006 16:11

van waT? van mijn lijstje?

Jan Koehoorn

10-08-2006 16:12

Gewoon zo:


td ul li {
    text-align: left;
}

Jelle -

10-08-2006 16:12

niek schreef op 10.08.2006 16:11
van waT? van mijn lijstje?

hij bedoelt van je align center in je div :o

niek s

10-08-2006 16:15

@Jan: dan komt alles weer helemaal links te staan..

maar het moet in het midden blijven, maar recht zijn.. (als jullie snappen wat ik bedoel)


<td align="center">

Dat staat er, en daarna dus meteen <ul><li> enz.

PHP Newbie

10-08-2006 16:18

ahaa, nu snap ik het ;)

doe het zo:


<td align="center">
    <div style="tekst-align: left; margin-left: auto; margin-right: auto">
        <ul>..
.....

Jan Koehoorn

10-08-2006 16:23

niek schreef op 10.08.2006 16:15
@Jan: dan komt alles weer helemaal links te staan..

Okee, dan zo:


td ul {
    margin-left: 16px; /* of een ander getal */
}
td ul li {
    text-align: left;
}

Reageren

Inloggen om te reageren