Is dit mogelijk met HTML

[Pinin]

Wat ik graag zou willen weten hoe ik onderstaand voorbeeld zou kunnen krijgen dmv enkel HTML
Ik kan geen gebruik maken van CSS, enkel html-codes
*met Blockquote, &nbsp en margins ga ik het volgens mij niet redden.



Wat zijn de opties als die er zijn

[ Voor 14% gewijzigd door Pinin op 14-09-2009 22:06 ]

[Verwijderd]

DIVjes ook geen optie?

[Kettrick]

Verwijderd schreef op maandag 14 september 2009 @ 19:55:
DIVjes ook geen optie?

Met divjes zonder CSS wordt dit ook lastig denk ik

Kan je tables gebruiken ?

*dekking zoekt

[disjfa]

Maak een tabelletje!

[RM-rf]

Wat ik in die afbeelding eigenlijk gewoon zie is een tabulaire structuur, een overdeling in rijen met kolommen en informatie in verschillende cellen.


eerlijk gezegd is het interssanter om te kijken welke HTML-struktuur daarbij het beste past, en daara pas te kijken in hoeverre dat te styles is, maard e styling lijkt me dan voor te vloeien uit de 'semantische struktuur'

[Johnny]

Met een tabel!

HTML:

<table>
<tr>
<td width="200">
<b>Voorbeeld1:</b>
</td>

<td>
blabla:<br>
En waar is dat :<br>
Weet je dat zeker:
</td>

<td>
van 9:30 tot 10:30uur<br>
hier dichtbij<br>
ja
</td>
</tr>

<tr>
<td>
</td>

<td>
</td>

<td>
</td>
</tr>
</table>

Je zou nog kunnen overwegen om iedere regel een eigen rij te geven zodat ook antwoorden die meerdere regels in beslag nemen goed worden uitgelijnd. Met attributen zoals cellpadding, valign en width kun je de opmaak precies zo maken als in het voorbeeld.

[Kettrick]

RM-rf schreef op maandag 14 september 2009 @ 19:58:
eerlijk gezegd is het interssanter om te kijken welke HTML-struktuur daarbij het beste past, en daara pas te kijken in hoeverre dat te styles is, maard e styling lijkt me dan voor te vloeien uit de 'semantische struktuur'

Dat klinkt erg leuk, maar als je een systeem hebt wat je slechts aan handjevol tags/styles laat gebruiken heb je weinig aan die werkwijze . In dat geval moet je proberen je doel te bereiken met de middelen die je tot je beschikking hebt

[macnerd]

Kun je ook geen inline css gebruiken (dus met de <style>-tags in de pagina zelf in plaats van in een apart bestand)?

[Pinin]

thx, het is nu in orde.
ik heb het met tabellen gedaan, Waarom is dat eigenlijk zo -not done- ?

[Janoz]

Tabellen zijn in principe niet 'not done', zolang je ze gebruikt waarvoor ze bedoeld zijn.

[Verwijderd]

HTML:

<table>
   <caption>vraag &amp; antwoord</caption>
   <thead>
      <tr>
         <th scope="col">onderdeel</th>
         <th scope="col">vraag</th>
         <th scope="col">antwoord</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <th rowspan="3" scope="row">voorbeeld 1</th>
         <td scope="row">blabla</td>
         <td>van 9:30 tot 10:30 uur</td>
      </tr>
      <tr>
         <td scope="row">en waar is dat?</td>
         <td>hier dichtbij</td>
      </tr>
      <tr>
         <td scope="row">weet je dat zeker?</td>
         <td>ja</td>
      </tr>
   </tbody>
   <tbody>
      <tr>
         <th rowspan="3" scope="row">voorbeeld 2</th>
         <td scope="row">blabla</td>
         <td>van 9:30 tot 10:30 uur</td>
      </tr>
      <tr>
         <td scope="row">en waar is dat?</td>
         <td>hier ver vandaan</td>
      </tr>
      <tr>
         <td scope="row">weet je dat zeker?</td>
         <td>eigenlijk niet nee</td>
      </tr>
   </tbody>
</table>

Daar komt het in zuivere HTML ongeveer op neer. Dit is zeg maar een tabel "zoals het hoort".
De rest zul je met CSS moeten vormgeven.

[curry684]

disjfa schreef op maandag 14 september 2009 @ 19:57:
Maak een tabelletje!

Dat was ook het eerste wat ik dacht toen ik 'mag geen CSS gebruiken' las

Daarna overigens "weer zo'n schoolopdracht van een mislukte ICT'er-gone-docent"

[Da Weef]

curry684 schreef op dinsdag 15 september 2009 @ 01:42:
[...]

Dat was ook het eerste wat ik dacht toen ik 'mag geen CSS gebruiken' las

Daarna overigens "weer zo'n schoolopdracht van een mislukte ICT'er-gone-docent"

Volgens mij is het dus ook niet de bedoeling dat het antwoord op deze vraag lekker volledig voorgekauwd wordt opgediend...

Zelfs ook al heeft TS ruim 2000 posts op zn naam... Of zeg ik iets vreemds?

[Mike2k]

Ik vermoed dat dit inderdaad een opdracht is want CSS hoort bij HTML zoals bier bij BBQ hoort...

En een tabel is inderdaad niet not-done, maar vroeger had je mensen (/me included) die een complete site optrokken uit tabellen. En dáár zijn ze niet voor bedoeld. Lees ook: [HTML] Discussie <div> .vs. <table>

[Tjolk]

Ach, als het zo'n ICT'er-gone-docent is, dan kun je vast ook wel inline CSS toepassen zonder dat hij het doorheeft.

[Bosmonster]

Er is ook nog de optie dat ie werkt met een CMS dat nogal beperkt is in z'n mogelijkheden in de editor. Daar zijn er ook genoeg van.

[Pinin]

Ik weet niet wat dat docent gedoe er mee te maken heeft

CSS ken ik enkel als een los "bestand" dus ik wist niet dat er zoiets was als in-line CSS.

Van mij hoefde het niet persé voorgekauwd te worden, maar als iemand een voorbeeld laat zien > why not?

Sommige van de laatste reacties snap ik niet, of komt dat omdat ik als noob post in de dev-schuur. De vorige post die ik hier geopend had werd ook vriendelijk en vooral behulpzaam gereageerd.

[ Voor 8% gewijzigd door Pinin op 15-09-2009 18:38 ]

[torp]

Vroeger stonden html-pagina's vol met tables met daarin vaak ook nog geneste tables (enzovoort). In deze eeuw stelt men het op prijs als de content niet ondersneeuwt door de html. Een table wordt dan alleen toegepast als het ook werkelijk om tabel-achtige content gaat (jouw voorbeeld valt daar inderdaad onder). Maar dus niet voor het uitlijnen van plaatjes, tekst etc. Een table is geen opmaak-instrument. Een goed voorbeeld is deze Got-pagina: daar zul je weinig tabellen aantreffen.

Html-ers van de oude stempel zijn echter niet snel te overtuigen en blijven lekker doorgaan met het opmaken in tables. Een goede docent leert zijn studenten de juist methode aan. CSS is daarbij een must want zo kun je opmaak en inhoud beter van elkaar scheiden.

[NMe]

Pinin schreef op dinsdag 15 september 2009 @ 18:35:
Ik weet niet wat dat docent gedoe er mee te maken heeft

CSS ken ik enkel als een los "bestand" dus ik wist niet dat er zoiets was als in-line CSS.

Wat is er tegen op een los (en dus cachebaar!) bestand voor al je styling? Los daarvan wil je dit dus echt niet in een table gaan doen maar in een definition list (dl) of iets dergelijks. Die kun je met CSS net zo stylen, of die CSS nu inline is of niet.

[torp]

NMe schreef op dinsdag 15 september 2009 @ 19:02:
Los daarvan wil je dit dus echt niet in een table gaan doen maar in een definition list (dl) of iets dergelijks

No offense maar ik wil graag zien hoe je dit in een list voor elkaar krijgt.

[wackmaniac]

Uit mijn hoofd:

Een dl met als term resp. Voorbeeld 1 en Voorbeeld 2, met twee definities, voor beide kolommen een. Alle elementen als block tonen en links laten floaten. Dan zijn we wel aardig in de buurt. Zou semantisch gezien ook nog wel te verdedigen zijn.

[NMe]

Voorbeeld 1:

blabla:

van 9:30 tot 10:30 uur

En waar is dat:

hier dichtbij

Weet je dat zeker:

ja

Het naast elkaar floaten van de legend en de dl lijkt me duidelijk verder?

(Klik op "bekijk bericht" voor de bron.)

[Da Weef]

Euhw, bovenstaand voorbeeld gebruikt toch wel degelijk CSS????

Zonder CSS is een tabel wel de enige optie denk ik...

Ach, en tabellen hebben ook wel hun charme, die prachtige spaghetti aan code. Vooral die mooie met Frontpage gegenereerde tabellen met tags van ruim 100 tekens. /me Zucht nostalgisch

Als het al een opdracht van een docent is, is het wel een mooi staaltje design geschiedenis

[torp]

NMe schreef op woensdag 16 september 2009 @ 02:06:
Het naast elkaar floaten van de legend en de dl lijkt me duidelijk verder?

Ja hoor, je hebt het immers al laat genoeg gemaakt. Niettemin: knap werk.

[disjfa]

torp schreef op woensdag 16 september 2009 @ 08:58:
[...]
Ja hoor, je hebt het immers al laat genoeg gemaakt. Niettemin: knap werk.

Een normaal mens heeft altijd 7 uur nodig om html te tikken. Daar is niets vreemds aan. Maar het is nogal gemakkelijk, dus waar maak je je druk om

[NMe]

Da Weef schreef op woensdag 16 september 2009 @ 02:37:
Euhw, bovenstaand voorbeeld gebruikt toch wel degelijk CSS????

Zonder CSS is een tabel wel de enige optie denk ik...

Ja. Maar de topicstarter heeft al een beetje ingebonden over het niet kunnen/willen gebruiken van CSS toen hij aangaf het concept "inline CSS" niet te kennen.

[Clay]

Het concept "het moet er zo uitzien en je mag geen css gebruiken" klopt natuurlijk al niet. Het idee van css als presentatie laag is immers dat het een toevoeging is op een anderszins toch al leesbaar document. Zo is de hoofdnavigatie alhier gewoon een list die ook zonder css prima te gebruiken is.

[Zakkenwasser]

disjfa schreef op woensdag 16 september 2009 @ 09:01:
[...]

Een normaal mens heeft altijd 7 uur nodig om html te tikken. Daar is niets vreemds aan. Maar het is nogal gemakkelijk, dus waar maak je je druk om

7 uur?

Waar baseert u dat op?
1 pagina / complete website (15+ pagina's)

[ Voor 6% gewijzigd door Zakkenwasser op 16-09-2009 19:08 ]

[torp]

MrJey schreef op woensdag 16 september 2009 @ 19:07:
7 uur?

(woensdag 16 september 2009 @ 02:06) - (dinsdag 15 september 2009 @ 19:07) = 6 uur 59 minuten

[Zakkenwasser]

torp schreef op woensdag 16 september 2009 @ 21:57:
[...]


(woensdag 16 september 2009 @ 02:06) - (dinsdag 15 september 2009 @ 19:07) = 6 uur 59 minuten

ik mis iets...

[RobIII]

MrJey schreef op woensdag 16 september 2009 @ 22:45:
[...]

ik mis iets...

Tjeez...

NMe schreef op dinsdag 15 september 2009 @ 19:02:

NMe schreef op woensdag 16 september 2009 @ 02:06:

[NMe]

Niet dat ik meer dan 2 minuten nodig had voor die proof of concept overigens.

[Zakkenwasser]

RobIII schreef op woensdag 16 september 2009 @ 23:18:
[...]


Tjeez...


[...]


[...]

Er stond een ander tijdstip bij wat ik nergens aan kon relateren maar ik snap de clue nu

[.oisyn]

MrJey schreef op woensdag 16 september 2009 @ 22:45:
[...]

ik mis iets...

Understatement of the year™

[torp]

MrJey schreef op donderdag 17 september 2009 @ 08:07:
Er stond een ander tijdstip bij wat ik nergens aan kon relateren maar ik snap de clue nu

torp schreef op dinsdag 15 september 2009 @ 19:07:
No offense maar ik wil graag zien hoe je dit in een list voor elkaar krijgt.

[ Voor 35% gewijzigd door torp op 17-09-2009 11:00 ]

[disjfa]

Ik zal nog een keer een grapje maken

[garagaholic]

NMe schreef op dinsdag 15 september 2009 @ 19:02:
[...]

Wat is er tegen op een los (en dus cachebaar!) bestand voor al je styling? Los daarvan wil je dit dus echt niet in een table gaan doen maar in een definition list (dl) of iets dergelijks. Die kun je met CSS net zo stylen, of die CSS nu inline is of niet.

Als je het mij vraagt is dit eigenlijk wel een voorbeeld voor gegevens die in een tabel thuis horen. Het voorbeeld wat gegeven is in TS is nou niet perse een lijst met definities als in Boom = plant en Mens = Dier (oid). Het lijkt meer op de inhoud van een database die wordt weergegeven (zonder al te veel fancy stuff). Lekker tabular data dus

Daarmee is m.i. de oplossing met dl wel erg richting een soort van hypercorrectheid t.a.v. tables. Ik zou wat dat betreft niet al te 'angstig' met tables omgaan, het is echt geen doodzonde om ze te gebruiken om gestructureerde gegevens weer te geven.En gestructureerde gegevens beginnen of houden niet op bij 25 kolommen met cijfers.

[sub0kelvin]

Hoewel ik met je eens ben dat hypercorrectheid niet altijd goed is, is dit m.i. toch echt geen tabulaire data. Het is een lijst van voorbeelden met gedefinieerde gegevens 'tijdstip', 'locatie' en 'betrouwbaarheid'.

Op de lay-out in de OP na is er geen enkel reden om deze gegevens als tabel te zien. Just door een DL of vergelijkbaar te gebruiken krijg je de flexibiliteit die dit soort data nodig heeft qua styling, aanpasbaarheid en lay-out.

[ Voor 19% gewijzigd door sub0kelvin op 17-09-2009 12:09 ]

[NMe]

garagaholic schreef op donderdag 17 september 2009 @ 11:27:
[...]

Als je het mij vraagt is dit eigenlijk wel een voorbeeld voor gegevens die in een tabel thuis horen. Het voorbeeld wat gegeven is in TS is nou niet perse een lijst met definities als in Boom = plant en Mens = Dier (oid). Het lijkt meer op de inhoud van een database die wordt weergegeven (zonder al te veel fancy stuff). Lekker tabular data dus

Spul dat uit de database komt en functioneel van elkaar afhankelijk is hoort toch écht in een definition list. Los daarvan ben ik ook weer niet zo hypercorrect bezig, semantisch gezien. Ik misbruik feitelijk een fieldset om het zaakje te groupen.