Hoi-hoi,
Nog even een schoonheidsfoutje corrigeren. In princiep klopt de oplossing van Tijs voor het tevoorschijn toveren van de afbeelding:
HTML:
<td align="undefined" valign="undefined">
<img style="width: 800px; height: 200px;" alt="" src="logo-fotos-ikke.jpg">
</td>
... maar in de <td> staat
align="undefined"
(wat zoveel betekent als:
horizontaalUitlijnen="niet ingevuld") en
valign="undefined"
(wat zoveel betekent als:
verticaalUitlijnen="niet ingevuld").
Dat stond er al in vanaf het begin van dit topic (ik had er eerst ook overheen gelezen), maar het hoort niet in de code te staan. Het is ook geen geldige html. Het moet zijn:
HTML:
<td>
<img style="width: 800px; height: 200px;" alt="" src="logo-fotos-ikke.jpg">
</td>
Raar dat dit er in gekomen is: how-come in vredesnaam? :shocked: *)
En nog even een heel andere opmerking.
Als je de tabel er alleen in gezet hebt om de afbeelding horizontaal in het midden van de pagina te krijgen, dan kan dat veel eenvoudiger. Je gaat naar de code weergave, en waar (intussen) staat:
HTML:
<table style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td>
<img style="width: 800px; height: 200px;" alt="" src="logo-fotos-ikke.jpg">
</td>
</tr>
</tbody>
</table>
<div style="text-align: center;"></div><!-- ongebruikte div ! -->
zet je alleen de onderste regel neer, met daarin het plaatje:
HTML:
<div style="text-align: center;">
<img style="width: 800px; height: 200px;" alt="" src="logo-fotos-ikke.jpg">
</div>
Kijk maar eens (als je de pagina hebt opgeslagen), hoe dat er uit ziet.
- In de "normale weergave" van Kompozer kan je dat ook doen. Op een schone regel gaan staan, en dan op het knopje klikken. Afbeelding invoegen - en als je nu in de code-weergave gaat kijken, zal je zien dat er hetzelfde gebeurd is.
- Vroeger wist men niet beter dan de opmaak van een pagina te regelen met tabellen. Maar die zijn daar eigenlijk niet voor bedoeld; ze leveren veel onoverzichtelijke html-code op, en zijn ook nog behoorlijk onflexibel als het om positioneren gaat. Tegenwoordig kan de opmaak met CSS geregeld worden (CSS = Cascade Style Sheet = "waterval stijlblad"), d.w.z. met de style="..." eigenschappen. Als je deze styles in een apart "stylesheet" zet, dan kan je ze voor alle pagina's van de hele site in één klap doorvoeren.
Is dat niet handig? :love:
Zie bv. de Help van Kompozer:
en ook de hieronder genoemde cursus.
Eén van de manieren om snel meer te weten te komen over al die html-codes, is om regelmatig te switchen tussen de design-weergave en de code-weergave.
Dat zie meteen je wat je geklik teweeg heeft gebracht!
- Daarnaast is wat basiskennis ook nooit weg. Aan te bevelen is om eens door te nemen de cursus HTML (gecombineerd met veel CSS-informatie, want die twee hangen erg met elkaar samen) van webgarden.be:
www.web-garden.be/cursus-html/cursus-html.
- Dan krijg je er een idee van, waar Kompozer allmaal achter de schermen mee bezig is. Er kan je ook zelf makkelijker ingrijpen (in de broncode) als Kompozer niet helemaal doet wat je wilt.
Succes!
Met vriendelijke groet,
CSShunter
_______
*) Bij wat struinen op oude forums blijkt dat dit een foutje van de
NVU-editor was, die dat bedoelde als huishoudelijke mededeling als je een tabel aan het maken was. Maar het bleef niet alleen bij een huishoudelijke mededeling in een invul-venstertje, het werd ook meegenomen in de html-codering. Wat natuurlijk helemaal niet mocht. - Hoogstwaarschijnlijk is dit in
Kompozer gerepareerd, en zal je er voortaan geen last meer van hebben.
