Table????

[timboiscool]

Hallo lezers.

Ik zit maar weer eens met een probleem D:

He zit zo:

Ik wil meerdere rijen met tekst naast elkaar dus zoiets:


Link 1 Link 3
Link 2 Link 4


En ik gebruik css voor mijn weblayout dus.....

 

[ginojo]

Misschien is dit wat?? ik snqp je vraag namelijk niet helemaal...

 

[timboiscool]

Misschien is dit wat?? ik snqp je vraag namelijk niet helemaal...

Ja dat is het bedankt..

Maar ik had het ook anders geschreven maar de post veranderde het D:

maar bedankt

 

[dieterke]

1. Je moet uzelf de vraag stellen 'wat wil ik?'
2. Antwoord op je vraag: Ik wil een opsomment lijstje
3. lijstje is 'list' in het Engels
4. Maak een list aan:

<ul>
  <li><a href="www.google.be">google</a></li>
  <li><a href="www.google.be">google</a></li>
</ul>

5. Nu heb ik 1 lijstje.. Maar ik wil er 2 naast elkaar?
6. Zet in uw HTML 2 lists onder elkaar. Misschien bestaat er wel iets in CSS dat dit kan oplossen:

<ul>
  <li><a href="www.google.be">google</a></li>
  <li><a href="www.google.be">google</a></li>
</ul>
<ul>
  <li><a href="www.google.be">google</a></li>
  <li><a href="www.google.be">google</a></li>
</ul>

7. Je kan dus mbv css uw lists naast elkaar zetten:

ul {
  float: left;
}

8. Nu beïnvloed die al mijn lists op heel mijn website?
9. Voeg een klasse toe aan de lists:

<ul class="list">
  <li><a href="www.google.be">google</a></li>
  <li><a href="www.google.be">google</a></li>
</ul>
<ul class="list">
  <li><a href="www.google.be">google</a></li>
  <li><a href="www.google.be">google</a></li>
</ul>

10. pas je css bestand aan:

.list {
  float: left;
}

Je kan natuurlijk op .list ook nog padding en margin toevoegen. Je kan list-style-type op none zetten zodat je geen list type hebt!