[CSS] Recordset formatten

Ik denk dat het dringend tijd wordt dat je dan even een handleiding html/css erbij pakt want dit is redelijk basic hoor. Je kan elementen een vaste hoogte/breedte opgeven, maar deze kan natuurlijk ook gewoon flexibel zijn zodat deze zich aan de inhoud aanpast.

Voorbeeldje met dezelfde divjes alleen iets ander css waarbij de layout in de lengte gewoon netjes meerekt.
code:

<STYLE TYPE="text/css">
.post_container{width:450px; height:auto; background-color:#008000;}
.post_container div{background-color:#008000;}
.naam{width:50px; height:50px;}
.datum{margin-left:50px; margin-top:-50px; width:400px; height:25px; border-bottom: thin solid #00C9FF; border-left: thin solid #00C9FF;}
.post_inhoud{margin-left:50px; width:400px; border-left: thin solid #00C9FF;}
</STYLE>

<div class="post_container">
    <div class="naam">Timz</div>
    <div class="datum">Geplaatst op 12-34-5678</div>
    <div class="post_inhoud">bla bloep<br><br><Br><br>asdfsaf<br><br><br>asdfasf</div>
</div>

En als je dan spullen uit je database haalt is het gewoon een kwestie van een while lus laten lopen waarbij je voor elke loop die divjes aanmaakt met de juiste inhoud en dan krijg je zoiets

Blorgg wijzigde dit bericht 05-08-2005 16:54 (30%)

Het nadeel van tabulaire data in een table stoppen merk je pas als je een andere view wilt loslaten op die data. Stel je wilt thumbnails tonen, inline naast elkaar dan kun je niet eenvoudig een andere css gebruiken om die tabulaire data op die manier te tonen. Dat kan wel als je elk record in een div plaatst. Het nadeel daarvan is dat je een hoop werk moet verrichten om de columns op gelijke breedte te krijgen als je het tabulair wilt tonen

quote:

Ik denk dat het dringend tijd wordt dat je dan even een handleiding html/css erbij pakt want dit is redelijk basic hoor. Je kan elementen een vaste hoogte/breedte opgeven, maar deze kan natuurlijk ook gewoon flexibel zijn zodat deze zich aan de inhoud aanpast.

Je hebt gelijk, ik was gewoon niet op het idee te komen om de divs te positioneren met behulp van de margins, ik gaf al aan dat ik naar de top/lef property aan het kijken was. Je bent een held, ik heb al een paar keer tegen mezelf gezegd: wat stom.
Maarja, dit wijt ik aan ervaring, zoals ik al zei aan het begin van dit topic, ik gebruikte altijd tabellen om de boel op te maken en als ik een div gebruikte dan positioneerde ik hem met top/left/.

Maar genoeg geneuzel, ik ben vandaag een stuk wijzer geworden weer. Goed topic! bedankt

quote:

Gordijnstok schreef op vrijdag 05 augustus 2005 @ 17:45:
Het nadeel van tabulaire data in een table stoppen merk je pas als je een andere view wilt loslaten op die data. Stel je wilt thumbnails tonen, inline naast elkaar dan kun je niet eenvoudig een andere css gebruiken om die tabulaire data op die manier te tonen. Dat kan wel als je elk record in een div plaatst. Het nadeel daarvan is dat je een hoop werk moet verrichten om de columns op gelijke breedte te krijgen als je het tabulair wilt tonen

Thumbnails inline naast elkaar zijn een lijst, geen tabulaire data.
Das gewoon een kwestie van het op het juiste niveau oplossen: Ik heb zelf in m'n php classes gewoon voor de presentatie laag een optie die een rowset afloopt en aan de hand van wat ik kies een 3tal mogelijkheden:

• <dl> <dd> <dt>
• <table>
• <ul> <lI>

SchizoDuckie wijzigde dit bericht 06-08-2005 00:02 (11%)

Dan kun je net zo goed tabulaire data in een div stoppen. Het hoeft niet specifiek een lijst te zijn, of een relatie met elkaar te hebben

Voor een explorer view bijvoorbeeld. Voordeel hiervan, net als met een list is dat de huidige browserfunctionaliteiten het toelaten om met de elementen vrij te spelen, itt de table elementen als een tr en een td.

<div class="row">
<img class="icon_16" />
<img class="icon_34" />
<span class="name"></span>
<span class="property"></span>
</div>