[HTML] Table kwestie

[Verwijderd]

Heej,

Ik krijg de volgende table niet in orde:

HTML:

<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#000000">
    <tr bgcolor="#FFFFFF">
        <td colspan="2" >
            <b>Naam</b>
        </td>
    </tr>

    <tr bgcolor="#FFFFFF">
        <td style="width: 10px">&nbsp;</td>
        <td>
            Blaat
        </td>
    </tr>

    <tr height="5" bgcolor="#FFFFFF">
        <td colspan="2"></td>
    </tr>

    <tr height="1" bgcolor="#FFFFFF">
        <td colspan="2"></td>
    </tr>       

</table>

(De bgcolors zijn alleen voor mezelf om de structuur te kunnen bekijken van de table)

Zoals je ziet bestaat de tweede rij uit twee kolommen en hebben de andere rijen een colspan van 2. Dit zou moeten werken zou je zeggen. De eerste kolom van de tweede rij is echter geen 10 pixels breed, maar veel breder. Dit los ik natuurlijk op door de tweede kolom van de tweede rij ook een breedte mee te geven (wat overigens werkt als ik bijv. 100% meegeef, maar dit klopt niet want die kolom is geen 100%). Dit is echter alleen lastig, want mijn table is ook 100%, oftewel relatief, dus kan ik die 2e kolom geen breedte meegeven.

Hoe los ik dit netjes op?

BIj voorbaat dank

[BtM909]

Geen tabellen gebruiken

[Verwijderd]

zucht, daar heb ik lekker veel aan. Reageer nuttig of reageer gewoon niet

En ik zou niet weten waarom geen tables te gebruiken, die zijn er niet voor niks.

[BtM909]

Verwijderd schreef op woensdag 26 januari 2005 @ 09:53:
zucht, daar heb ik lekker veel aan. Reageer nuttig of reageer gewoon niet

Ik had eigenlijk gehoopt dat je geprikkeld zou zijn, door het antwoord

En ik zou niet weten waarom geen tables te gebruiken, die zijn er niet voor niks.

Wat wil je bereiken? Ik denk (weet bijna wel zeker) dat je oplossing geen tabel is

[JnX]

Hmm.. Als ik deze tabel toch in een HTML bestand zet en bekijk in mijn browsers (IE en Firefox) ziet het er prima uit. De linker kolom van de tweede rij is gewoon netjes 10 pixels.

[Verwijderd]

Dit moet al wat beter werken, alleen snap ik niet helemaal wat je met die width wil doen (moet alleen die kolom in alleen die rij 10px breed zijn?):

HTML:

<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="#000000">
    <tr bgcolor="#FFFFFF">
        <td colspan="2" >
            <b>Naam</b>
        </td>
    </tr>

    <tr bgcolor="#FFFFFF">
        <td style="width: 10px">&nbsp;</td>
        <td>
            Blaat
        </td>
    </tr>

    <tr height="5" bgcolor="#FFFFFF">
        <td colspan="2">&nbsp;</td>
    </tr>

    <tr height="1" bgcolor="#FFFFFF">
        <td colspan="2">&nbsp;</td>
    </tr>       

</table>

Officieel is height niet toegestaan volgensmij.

[Willem]

Snap echt niks van wat je nu precies wilt Vul je tabel eens in met wat meer kleuren en informatie, ga eens een cursusje CSS doen en gelieve geen MSN smilies te gebruiken

O ja take it easy tegen users die je willen helpen.. er zijn mensen die al een tijdje langer meegaan dan jou en al een iets grotere bijdrage hebben geleverd hier

[crisp]

De meeste browsers baseren de breedte van de kolommen op de kolommen in de 1e rij; aangezien je daar al een colspan gebruikt weet de browser niet precies hoe breed de kolommen dan precies zijn. Je moet ook bedenken dat een width voor een table-cell in principe maar een minimale breedte is en geen preciese breedte.
De old-skool oplossing was meestal een colgroup gebruiken, of tables nesten. Tegenwoordig echter is de ondersteuning van CSS dusdanig dat tabellen voor opmaak eigenlijk niet meer noodzakelijk zijn.

[curry684]

Verwijderd schreef op woensdag 26 januari 2005 @ 09:53:
zucht, daar heb ik lekker veel aan. Reageer nuttig of reageer gewoon niet

En ik zou niet weten waarom geen tables te gebruiken, die zijn er niet voor niks.

Die zijn er niet voor niets nee, die zijn er voor tabellen.

Naam

blaat

Oftewel:

code:

<div><strong>Naam</strong></div>
<div style="margin-left:10px">blaat</div>

Is maar tig keer korter dan jouw oplossing

[Verwijderd]

O ja take it easy tegen users die je willen helpen.. er zijn mensen die al een tijdje langer meegaan dan jou en al een iets grotere bijdrage hebben geleverd hier

Sorry, excuses, maar aan zo'n antwoord heb ik helaas niks.

ga eens een cursusje CSS

Je hebt gelijk dat dat niet helemaal klopte, maar dit was alleen voor het voorbeeld ff gauw.

De meeste browsers baseren de breedte van de kolommen op de kolommen in de 1e rij; aangezien je daar al een colspan gebruikt weet de browser niet precies hoe breed de kolommen dan precies zijn

True, heb ik geprobeerd, maar helaas werkte dit ook niet.

Mijn intensie is dat 'blaat' 10 px naar rechts staat. De ruimte met   kan dan nog evt vervangen worden door een icoontje van 10px breed.

Naar aanleiding van al die geweldige tips is het me gelukkig gelukt:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> test </title>
    <style type="text/css">
        table { 
            background-color: red;
            width: 100%;
        }

        tr {
            height: 10px;
        }

        tr.px5 {
            height: 5px;
        }

        tr.px1 {
            height: 1px;
        }

        td { 
            background-color: silver;
        }

        td.px10 {
            width: 10px;
        }
    </style>
</head>

<body>
    <table border="0" cellpadding="0" cellspacing="1">
        <tr>
            <td colspan="2"><b>Naam</b></td>
        </tr>
        <tr>
            <td class="px10">&nbsp;</td>
            <td>Blaat</td>
        </tr>
        <tr class="px5">
            <td colspan="2"></td>
        </tr>
        <tr class="px1">
            <td colspan="2"></td>
        </tr>        
    </table>
</body>
</html>

Btw: divs kan natuurlijk altijd, maar heb nu toch die html er al in staan.
Kan iemand mij trouwens gelijk uitelggen waarom <div>s opeens zo'n rage is?

Mischien dat ik dan bekeer. hehe

[ Voor 34% gewijzigd door Verwijderd op 26-01-2005 10:25 ]

[BtM909]

Verwijderd schreef op woensdag 26 januari 2005 @ 10:23:
[...]

Sorry, excuses, maar aan zo'n antwoord heb ik helaas niks.

Je hebt deels gelijk... Ik was iets te kort door de bocht IIG, wat wil je ermee bereiken?

[curry684]

Verwijderd schreef op woensdag 26 januari 2005 @ 10:23:
[...]

Btw: divs kan natuurlijk altijd, maar heb nu toch die html er al in staan.
Kan iemand mij trouwens gelijk uitelggen waarom

s opeens zo'n rage is?

Mischien dat ik dan bekeer. hehe

Het feit dat mijn code 2 regels is en de jouwe 50 overtuigt niet?

En het feit dat de mijne wel op alle schermformaten en printouts goed rendert en de jouwe niet ook niet? Het feit dat de mijne semantisch zuiver is en dat jij een tabel gebruikt zonder dat je feitelijk een tabel toont niet?

[Verwijderd]

haha, true.

Vanaf heden zal ik <div>s gebruiken

[curry684]

edit:
Erm nee buggy en ik heb geen zin of tijd om het correct te doen

[ Voor 94% gewijzigd door curry684 op 26-01-2005 10:35 ]

[Erkens]

curry684 schreef op woensdag 26 januari 2005 @ 10:34:

code:

    <table class="mytable" border="0" cellpadding="0" cellspacing="1">

Waarom zou je die border, cellpadding en cellspacing ook niet opnemen in de CSS

edit:
ja haal maar weg hoor

[ Voor 17% gewijzigd door Erkens op 26-01-2005 10:38 ]

[Verwijderd]

Heb ik gedaan, maar dit was een gestripte versie als voorbeeld zijnde
Toch bedankt

[Willem]

Sorry aan zulke topics hebben we niks.
Je hebt genoeg informatie om mee verder te kunnen.

[ Voor 42% gewijzigd door Willem op 26-01-2005 10:47 ]