Hoi Q45,
Bedoel je de tabel waar het eerste <iframe> naar Amazon in staat (zeg maar: de derde strook van boven)?
Die laat aan de linkerkant witruimte zien. Als dat het is, dan:
- komt dat omdat het <iframe> een opgegeven breedte heeft van 728px, en
- omdat de cel <td> waar het <iframe> in zit, geen opgegeven breedte heeft, en
- omdat deze cel alles aan de rechterkant zet: style="text-align: right;"
- dit kan je zien in de broncode (tabblad Source).
Nu kan je deze strook niet uitsmeren over de hele breedte, omdat in het <iframe> zelf, d.w.z. op de pagina die bij Amazon wordt opgehaald, een breedte van 726px staat; daar valt niets aan te veranderen.
Wat je wel zou kunnen doen, is het <iframe> mooi in het midden van de tabel zetten. Dat kan met het aanpassen van de tabelcel van het <iframe>. Daarin staat nu:
HTML:
<td style="text-align: right;">
Daarvan zou je kunnen maken, via de "Table Cell Properties":
HTML:
<td style="width: 728px; text-align: center;">
Wat eerst het witte gat aan de linkerkant was, is nu evenveel wit links en rechts van de Amazon-dingen geworden. Je kunt deze strook nog een bescheiden achtergrondkleurtje geven, dan valt het wit links en rechts voor het oog wat minder op. Dan wordt het bijvoorbeeld:
HTML:
<td style="width: 728px; text-align: center; background-color: #FFFF99;">
Wat Goeroeboeroe bedoelde met "in de css toevoegen", was (als ik even voor m'n beurt mag spreken
) dat het het mooiste is om alle layout-zaken van de verschillende onderdelen van de pagina apart te zetten.
Dat gaat met een zogenaamd "CSS stylesheet".
Nu staan sommige stijl-opdrachten rechtstreeks in de html, als je in het tabblad Source kijkt. Bijvoorbeeld:
- in regel 25 staat <tr align="center">
Andere stijl-opdrachten zitten er wel in als CSS, maar dan als "inline styles". D.w.z. dat ze met
style="..." in een html-regel zitten. Bijvoorbeeld:
- in regel 26 staat <td style="background-color: rgb(153, 153, 153);">
Dat heeft KompoZer er zo ingezet via de TableCellProperties in de Normale Weergave.
- Maar je kunt het ook doen door deze <td> (tabel-cel) een eigen kenmerk te geven, en alle andere layout-dingen ook.
- Vervolgens maak je dan een "CSS-stylesheet" (stijlblad) waarin alle kenmerken mooi op een rijtje verbonden worden aan de stijlen die ze nodig hebben.
Dan worden de html-codes mooi overzichtelijk, en kan je ook in één klap (door iets in het stylesheet te veranderen) bv. de achtergrondkleur van al je pagina's in de site tegelijk veranderen. Want, dat is ook een groot voordeel, aan alle pagina's kan je hetzelfde stylesheet koppelen. Dan hoef je niet telkens opnieuw de layout per pagina uit te vinden of te kopieren/plakken. En ook kunnen de tabellen voor de layout helemaal vervallen! De html-pagina's worden er lekker klein van, en staan ook sneller op scherm.
CSS = Cascade Style Sheet.
Dat heet zo, omdat deze manier een Cascade (waterval) logica heeft. Het moet even wennen, maar dan kun je er waanzinnig handig gebruik van maken. In KompoZer kan je er komen met de knop "CaScadeS" (het paletje) helemaal rechts.
Maar als je CSS nog niet kent, zou ik er eerst eens wat over lezen, bijvoorbeeld in de
Handleiding Html.
Succes!
CSShunter
