Pagina's: [1] |   Omlaag

Auteur Topic: voorbeelden pagina 103  (gelezen 716 keer)

0 leden en 1 gast bekijken dit topic.

Tony

  • Nieuw lid
  • *
  • Offline
  • Berichten: 47
voorbeelden pagina 103
« Gepost op: 26-01-2010, 14:05 »

Hallo,

Kan er een voorbeeld worden gegeven van pagina 103 (inline-/block-level elementen)?
Voorbeelden van;
- inhoud van inline elementen (meerdere inline-elementen in een inline-element)
- in een inline kan geen block-level element (dus voorbeelden van hoe het niet moet)
- mogen nooit los in de body staan
- tevergeefs width, height etc aan een inline geven

- de inhoud van block-level elementen kan bestaan uit andere BL en inline-elementen
- door een BL-element breedte te geven.... geen andere elementen in de vrije ruimte...enige element op de regel.

Ik zou graag voorbeelden zien omdat ik zo beter leer en begrijp, door te zien wat men bedoeld.

P.S. Als ik op de zelfde regel op de pagina, 2 woorden wil, 1 op de linkerkant, 1 op de rechterkant uitgelijnd, moet ik neem ik aan een tabel gebruiken? Dit heeft denk ik niks te maken met "geen andere elementen op dezelfde regel bij BL-elementen"? >>> (woord links                                      woordrechts)


BVD
Gelogd

Frances

  • Beheerder
  • Junior lid
  • *****
  • Offline
  • Berichten: 61
Re:voorbeelden pagina 103
« Reactie #1 Gepost op: 27-01-2010, 13:25 »

GOED:
Alinea (block) met kind link (inline) met kinderen afbeeldingen (inline):
<p>
<a href="#"><img><img><img><img></a>
</p>

FOUT:
Link (inline) met kind alinea (block):
<a href="#"><p>tekst</p></a>
FOUT:
Body met kind link (inline):
<body>
<a href="#">link</a>

GOED:
Body met alinea met kind link (inline):
<body>
<p>
<a href="#">link</a>
</p>
...

GOED:
Block (div) met genest block (p) en genest inline (a):
<div>
<p>
<a href="#">link</a>
</p>

Pag.103 afb 8.1: maak dat maar eens na, en geef de onderste alinea een width. Dan zul je zien wat ik bedoel met '... door een BL-element...".

Als je op één regel 2 woorden wilt opmaken, eentje links en eentje rechts, doe je precies hetzelfde: maak 2 classes aan, eentje met een float: left en de andere met een float: right. Selecteer het eerste woord en kies in venster Eigenschappen bij Class voor die met de float: left. Herhaal dit voor het andere woord met de andere klasse.
Dw plaatst om ieder woord een element span zodat deze het attribuut class kan krijgen. Het element span wordt behandeld in hoofdstuk 9.
« Laatste verandering: 27-01-2010, 13:29 door Frances »
Gelogd
Pagina's: [1] |   Omhoog