[html] td laten uitvullen - Softwareontwikkeling

donderdag 27 maart 2008 19:47

Acties:

Verwijderd

Topicstarter

Ik vroeg me af hoe je een td kan laten uitvullen tot 100%
Ik heb 2 classes gemaakt voor de onderstaande tabel waarin
tbsactive een margin heeft van 5px (links en rechts).
Nu wil ik dat de class tbsoverig de tabel uitvult en dat deze dus strak
tegen de eerste td aan komt. Zonder dat de woorden Optie en 1 op
een andere regel komen.
Het liefst wil ik dit in CSS opgelost hebben.

Ik heb op Google al gezocht, maar kon niks, wat effectief was, vinden.

HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td class="tbsactive">Optie 1</td>
  <td class="tbsoverig">&nbsp;</td>
 </td>
</table>

[ Voor 3% gewijzigd door Verwijderd op 27-03-2008 20:13 ]

donderdag 27 maart 2008 21:59

Acties:

Maghiel

zoiets?

Cascading Stylesheet:

td
{
    padding : 0;
    margin  : 0;
}

td.tbsactive
{
    width   : 25px;
}

td.tbsoverig
{
    width   : 100%;
}

donderdag 27 maart 2008 22:19

Acties:

Verwijderd

Topicstarter

Bedankt voor je antwoord.
Maar die absactive moet een variabele breedte krijgen omdat deze
gevuld wordt uit de database.
Overigens heb ik bij tbsoverig al 100% getest, maar dat gaat niet goed.
Dan komt de 1 op een regel eronder.

donderdag 27 maart 2008 22:28

Acties:

slow whoop

Zoiets dan?

Cascading Stylesheet:

td
{
    padding    : 0;
    margin    : 0;
}

td.tbsactive
{
    white-space    : nowrap;
}

td.tbsoverig
{
    width    : 100%;
}

donderdag 27 maart 2008 22:49

Acties:

BtM909

Watch out Guys...

Waarom uberhaupt met tabellen lopen klooien. Weet je zeker dat je tabulaire data wilt weergeven?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 27 maart 2008 22:59

Acties:

Bosmonster

*zucht*

Met twee divjes kun je dit makkelijk bereiken, maar met een tabel heb ik geen flauw idee.

Misschien nog eens kijken of je wel een tabel nodig hebt hier, zoals BtM909 ook al zegt.

Geef anders een aan wat je nu eigenlijk wilt, zodat we kunnen kijken naar een betere oplossing.

Had even paar minuutjes over voor een voorbeeldje:

code:

<html>
<head>
<style type="text/css">
html,body {
    margin: 0;
    padding: 0;
    height: 100%;
}
div.right {
    background-color: #f00;
    height: 100%;
}
div.left {
    float: left;
    background-color: #0f0;
    height: 100%;
}
</style>
</head>
<body>
<div class="right">
    <div class="left">deze "kolom" strekt mee</div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</body>
</html>

http://www.bosmonster.nl/files/kolom.html

[ Voor 86% gewijzigd door Bosmonster op 27-03-2008 23:14 ]

donderdag 27 maart 2008 23:37

Acties:

Verwijderd

Topicstarter

Het worden tabjes.
___________________________________
| tabje 1 | tabje 2|

En dan na tabje 2 moet de ruimte tot 100% worden opgevuld zeg maar...
Ik ben net over gestapt van tabellen naar divjes, dus mijn excuses alvast
als dit een beetje dom is van me.

vrijdag 28 maart 2008 01:55

Acties:

_Thanatos_

Ja, en kaal

Nou, waarom dan een tabel. Hup, ga Sliding Doors leren!

(En divs zijn ook niet nodig

)

[ Voor 13% gewijzigd door _Thanatos_ op 28-03-2008 01:56 ]

日本！🎌

vrijdag 28 maart 2008 09:11

Acties:

Verwijderd

Verwijderd schreef op donderdag 27 maart 2008 @ 23:37:
Het worden tabjes.

Klinkt als een unordered list

vrijdag 28 maart 2008 09:16

Acties:

Verwijderd

Topicstarter

_Thanatos_ schreef op vrijdag 28 maart 2008 @ 01:55:
Hup, ga Sliding Doors leren!

Bedankt! Ziet er super goed uit!
Daar ga ik me maar eens in verdiepen!

vrijdag 28 maart 2008 11:14

Acties:

Bosmonster

*zucht*

_Thanatos_ schreef op vrijdag 28 maart 2008 @ 01:55:
Nou, waarom dan een tabel. Hup, ga Sliding Doors leren!

(En divs zijn ook niet nodig )

Of divs 'nodig' zijn hangt wederom dus af van wat je wilt bereiken...

(Word beetje moe van dat 'divs zijn niet nodig' geneuzel de hele tijd, div's zijn de basis block elementen en zal ik dus, zolang semantiek niet duidelijk is, altijd als voorbeeld gebruiken).

vrijdag 28 maart 2008 20:43

Acties:

_Thanatos_

Ja, en kaal

De TS heeft laten weten wat hij wil bereiken, en daarvoor zin divs nou eenmaal niet nodig. Hooguit als parent container, maar niet voor de tabjes zelf.

日本！🎌

zaterdag 29 maart 2008 00:09

Acties:

Bosmonster

*zucht*

_Thanatos_ schreef op vrijdag 28 maart 2008 @ 20:43:
De TS heeft laten weten wat hij wil bereiken, en daarvoor zin divs nou eenmaal niet nodig. Hooguit als parent container, maar niet voor de tabjes zelf.

En mijn reactie is van VOOR dat ie zegt dat het om tabjes gaat. Daarvoor wisten we niet meer dan dat ie een tabel wilde uitvullen...