Partyflock
 
Forumonderwerp · 1119973
1 volger · 281x bekeken
Waarschuw beheerder
Hallo luitjes,

Misschien een beetje een beginnersvraag, maar ik zit echt vast hierop.

Ik heb wil een TABLE met 3 kolommen breed.

Kolom 1: 10 rijen diep
Kolom 2: 10 rijen diep
Kolom 3: 2 rijen diep (hoogte van 5 rijen elk, van kolom 2)

Hoe moet ik dit verwerken in mijn TABLE? Tot nu toe heb ik alleen kolom 1 en 2:

<TABLE style="font-size: 10px;">
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;" colspan=1>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
</TABLE>


[img width=565 height=374 cacheid=0011d663002f65b457d4bf231a02c6598a]http://www.tapijtenlaminaatdirect.nl/temp2.jpg[/img]
laatste aanpassing
Waarschuw beheerder
donateur
Uitspraak van Oanus op donderdag 28 juli 2011 om 12:15:
Kolom 1: 10 rijen diep
Kolom 2: 10 rijen diep
Kolom 3: 2 rijen diep (hoogte van 5 rijen elk, van kolom 2)


Geen idee waar je het over hebt.. Waar wil je dat ze komen te staan rechts ernaast?
Waarschuw beheerder
Excuus, ik was al bezig met het uppen van een tekeningetje :)

edit: foto geupload :)
laatste aanpassing
Waarschuw beheerder
donateur
<TABLE style="font-size: 10px;">
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td><td style="width: 90px; height: 34px; background-color: #ccc;" rowspan="5">blaat</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td><td style="width: 90px; height: 34px; background-color: #ccc;" rowspan="5">blaat</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;">
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
<tr style="margin: 1px;" colspan=1>
<td style="width: 90px; height: 34px; background-color: #ccc;">merkjeee</td>
</tr>
</TABLE>
Waarschuw beheerder
Weten brandweermannen hoe je iemand van een TABLE los moet maken? :O
Waarschuw beheerder
Maar ik voel weer een stukje offtopic gelul aankomen van hier tot en met, dit is een serieuze zaak :P Zie dit graag opgelost :)
Waarschuw beheerder
:rot: en ik maar met die rowspan rommelen ..
ff testen!

Works, thanks :D
laatste aanpassing
Waarschuw beheerder
donateur
En om het af te maken zou ik doen:

<style type="text/css">
.blaat {
width: 90px;
height: 34px;
background-color: #ccc;
}
</style>

en dan <td class="blaat">KSDFSKJ</td>

etc :)
Waarschuw beheerder
Jep I know, liefst allemaal divjes .. maar dit moet binnen het webshop systeem Magento geplaatst worden en dus kan het helaas niet anders..
Waarschuw beheerder
Klopt.. ik kies voor deze oplossing, omdat het regelmatig aangepast wordt en dit zo de kortste klap is. Anders is er kans dat er veel onnodige info in het css bestand achterblijft.
 
Artiest System
Waarschuw beheerder
(permanent verbannen)
[img width=726 height=599 cacheid=000023db002f672cff0bdaf61a02c68773]http://edu.familiekock.nl/hot%20potatoes%20oefeningen/1%20hv/tafel.jpg[/img]
Waarschuw beheerder
Origineel _o_
Waarschuw beheerder
Uitspraak van Oanus op dinsdag 2 augustus 2011 om 10:07:
Origineel


nee ,volgens mij ikea!o:) :p
Waarschuw beheerder
:( -1. Lekkah zelf zageng jwt
 
Waarschuw beheerder
Uitspraak van Oanus op donderdag 28 juli 2011 om 12:35:
Klopt.. ik kies voor deze oplossing, omdat het regelmatig aangepast wordt en dit zo de kortste klap is. Anders is er kans dat er veel onnodige info in het css bestand achterblijft.


Ik zou het gewoon in je CSS doen ;)
Stel iemand anders moet er een keer aan werken, word er ten eerste direct naar de CSS gekeken voor de opmaak.
En dan moet hij ook nog is door de HTML files gaan kijken.

Ten tweede, als je de tabel ergens anders nog een keer nodig hebt op de site, heb je de opmaak nog.

Ten derde, het ziet er professioneler uit als iemand in de broncode kijkt.
Waarschuw beheerder
True, mijn baan bestaat (gelukkig) niet de hele week uit coderen en website aanpassen. Als het een keer een rustige periode is ga ik het inderdaad wel op deze manier aanpassen.
 
Waarschuw beheerder
Uitspraak van Oanus op donderdag 4 augustus 2011 om 10:37:
True, mijn baan bestaat (gelukkig) niet de hele week uit coderen en website aanpassen. Als het een keer een rustige periode is ga ik het inderdaad wel op deze manier aanpassen.


Ok, maar alsnog, je kan er beter 1x iets meer tijd in investeren, als het toch al rustig is 8)
Dan het 2x overnieuw doen.

En de volgende keer gaat het gemakkelijker aangezien je kennis is toegenomen :)