[HTML] meerdere koppen naast elkaar

[me1299]

Eerst even een afbeelding omdat beelden nog altijd meer zeggen dan woorden



Zoals je ziet stretchted de linker kop mee met de rechter. Dit komt omdat ze in principe in dezelfde <td> staan.

Hieronder de source:

http://www.tesla.nl/gerben/source.phps

En de eventuele php source als het nogal slecht te lezen is:

http://www.tesla.nl/gerben/source_php.phps

Ik zat er aan te denken om dynamisch de lengte te gaan berekenen (aangezien het php is) maar dat is meer symptoonbestrijding.

Is er een manier om dit op te lossen zodat de linker kop niet met de rechter meevormd?

[ Voor 99% gewijzigd door me1299 op 19-05-2003 10:38 ]

[Alex]

Uhmm beveilig die phpMyAdmin directorie ff, we zijn niet voor niets tweakers

[rik]

Twee tables van maken lijkt mij de makkelijkste en de meest logische optie.

[crisp]

DeathKnight schreef op 19 May 2003 @ 10:30:
[...]
Is er een manier om dit op te lossen zodat de linker kop niet met de rechter meevormd?

ja, geen tabellen gebruiken voor opmaak
probeer het volgende eens in css:

Cascading Stylesheet:

table {
  table-layout: fixed;
}

mogelijk dat je nog wat problemen hebt met je colspan in je 1e <tr>; die zou je dan op moeten splitsen met de juiste breedtes voor je kolommen.

[Verwijderd]

makkelijkste wel, meest logische niet, dat doe je met divs en css, aangezien tables voor tabulaire data zijn

http://glish.com/css/7.asp

[me1299]

prog-konijn schreef op 19 May 2003 @ 10:35:
Uhmm beveilig die phpMyAdmin directorie ff, we zijn niet voor niets tweakers

Whooo.. thanx, had niet verwacht dat directory listing aan zou staan

[me1299]

Verwijderd schreef op 19 mei 2003 @ 10:38:
makkelijkste wel, meest logische niet, dat doe je met divs en css, aangezien tables voor tabulaire data zijn

http://glish.com/css/7.asp

Daar zat ik eerst ook aan te denken, maar het probleem is dat ik niet van te voren weet hoeveel poll opties er komen om maar iets te noemen.

[Bosmonster]

DeathKnight schreef op 19 mei 2003 @ 10:43:
[...]


Daar zat ik eerst ook aan te denken, maar het probleem is dat ik niet van te voren weet hoeveel poll opties er komen om maar iets te noemen.

Maakt dat uit dan Lijkt me dat je juist zo die flexibiliteit hebt.

[ Voor 9% gewijzigd door Bosmonster op 19-05-2003 10:52 ]

[Verwijderd]

het kan ook met tabellen hoor, maar ik raad dat echt af.

kwestie van je tabelcellen geen opmaak geven en daarin een div stoppen waar je alle opmaak in regelt. Dan ben je dus van die donkere balk af (tabel cell loopt dus wel naar onderen door)

[me1299]

Bosmonster schreef op 19 May 2003 @ 10:51:
[...]


Maakt dat uit dan Lijkt me dat je juist zo die flexibiliteit hebt.

Voor zover ik het snap moet je bij een layer de maten opgeven, maar de lengte van zo'n kop kan de ene keer langer zijn dan de andere keer.

Geeft dat nix dan?

[Eärendil]

Een paar dingen die me opvielen:

PHP:

<td width='2'>&nbsp;</td>
<td>Welkom bla bla bla</td>
<td width='2'>&nbsp;</td>

Je gebruikt hier dus een tabel om een padding van 2 (pixels/appels/peren) te krijgen.
Je kan deze hele tabel dus vervangen door iets als:

PHP:

<div style="padding: 2px; width:100%">
  <div>Welkom bla bla bla</div>
  <div>Welkom bla bla bla</div>
</div>

en dan met stylesheets icm id en class goede kleuren aan het geheel geven.

---

Het maken van twee kolommen gaat bijvoorbeeld makkelijk met een 'float:left' en 'float:right' in CSS of met 'position:absolute' en dan bij de linkerkolom de afstand tot de linkerrand en bij de rechterkolom de afstand tot de rechterrand opgeven. Staat ook in de link van mophor.
Als je een van de afmetingen van een layer niet opgeeft wordt die automagisch zolang gemaakt als nodig is, dus hoe meer poll opties hoe hoger dat blok. 'Nieuws headlines' en 'Poll' krijgen dan een verschillende lengte.

[ Voor 12% gewijzigd door Eärendil op 19-05-2003 11:34 ]

[Bosmonster]

DeathKnight schreef op 19 mei 2003 @ 11:04:
[...]


Voor zover ik het snap moet je bij een layer de maten opgeven, maar de lengte van zo'n kop kan de ene keer langer zijn dan de andere keer.

Geeft dat nix dan?

Je bent bij niet-tabelstructuren (layers is niet het goede woord) tot niets verplicht. Om die eigenschappen te bepalen heb je CSS.