<p>Met align="left" wordt de afbeelding links uitgelijnd. De tekst die daarna komt loopt dan rechts om de afbeelding heen op 20 pixels afstand (ook links van de afbeelding). hspace is wel deprecated, gebruik hiervoor liever CSS, zie voorbeeld 2 hieronder.
<br clear="all"> Hier heb ik de tekst links onder de afbeelding laten doorlopen, dus via de notatie: <br clear="all">.</p>
<p>Met style="float:left; margin-right:20px; margin-bottom:10px;" wordt bereikt dat de afbeelding links wordt uitgelijnd, en dat de tekst rechts om de afbeelding loopt. Daarbij wordt tussen de afbeelding en de tekst een afstand van 20 pixels aangehouden (links van de afbeelding wordt daarentegen, anders dan bij het HTML-attribuut hspace=, géén afstand van 20 pixels gehouden).
<br style="clear:all"> Ook hier loopt nu de tekst verder onder de afbeelding.</p>
Progger
Een goede raad:...
Luister nooit naar goede raad...
Bovendien heb ik gezien in je broncode dat je praktisch nérgens je <body>...</body> tags hebt staan, alsook sommige <html>...</html> tags, die zijn anders wél nodig hoor, ik vrees dat je àl je pagina's eens zal moeten nazien en de nodige verbeteringen aanbrengen als je wil dat het goed werkt.
Als je ergens niet aan uit kan, vraag het dan gerust, we helpen je er wel door, je bent goed bezig.
Progger
Een goede raad:...
Luister nooit naar goede raad...
Waarom zet je de drie afbeeldingen op je pagina elk in een <h2>...</h2> element? Wat is de bedoeling hiervan, kop-elementen dienen voor het plaatsen van titels en bijschriften, niét voor het inkapselen van afbeeldingen.
Wil je afbeeldingen mooi uitlijnen op je pagina, plaats ze dan in een tabel, met in elke tabelcel één foto, naast elkaar, of met tabelrijen met één cel onder elkaar.
Je hebt bovendien nog steeds geen <body>...</body>, <head>...</head> en <html>...</html> structuur in je pagina's aangebracht. Dit is écht wel nodig hoor.
Groetjes van Progger
Progger
Een goede raad:...
Luister nooit naar goede raad...
Ik heb nog een vraagje , bij ieder begin van de pagina vind ik dit terug
<style type="text/css"> <!--
body{background-------------------------------- //--->
</style>
</head>
Dat is een style-definitie-gebied voor het definiëren van stijlregels (opmaak), en die speciale 'pijltjes' dienen om te voorkomen dat oudere browsers, die nog géén stylesheets kenden, die code zouden weergeven als tekst op je pagina's. Die markeringen voorkomen dat, dat zijn zogenaamde commentaar-markeringen en moet je altijd noteren bij een style-definitie in je 'header'.
Bekijk ook even mijn laatste vraag aan jou in dit topic hierboven.
PS. Ook goede morgen omaatje.
Progger
Een goede raad:...
Luister nooit naar goede raad...
Hier nogmaals de minimale code die in élke pagina moet voorkomen, wil alles correct werken. Ik heb trouwens gezien dat je mijn raad voor die drie foto's hebt opgevolgd, Proficiat!. Aan de hand van onderstaande voorbeeld kan je al je pagina's eens overlopen en aanpassen aan de minimale code-vereisten. Als je ergens niet aan uit kan, vraag het dan gerust.
Hallo omaatje en progger,
ik vermoed dat omaatje niet alles begrijpt wat jij uilegt progger,
erg moeilijk ook om te begrijpen voor iemand die net begint.
Het is maar een suggestie hoor maar is het niet beter voor omaatje om te beginnen met: eerst de simpele HTML codes onder de knie te krijgen? (zoals <img src> te gebruiken voor een afbeelding) voordat je het hebt over tabellen en style sheets????
Ook vreemd dat de pagina's van de website van omaatje allemaal htm documenten zijn?? alleen de eerste (index) is altijd htm, de volgende pagina's zijn html documenten.
De extentie .htm voor al je webpagina's is perfect oke, en betreffende duidelijkheid, het gaat hier over code die ik haar doorgeef, en die ze maar moet vergelijken met haar paginacode, waar het een en ander ontbreekt voegt ze dat dan gewoon bij, niets moeilijk aan, het gaat hier over de minimale inhoud voor een webpagina, dat voor die img-code stond reeds op haar pagina, alleen fout en dat heeft ze met mijn hulp inmiddels reeds verbeterd.
Ik zie niet in wat daar de moeilijkheidsgraad zou kunnen zijn, daar elke vraag die omaatje desbetreffend stelt steeds doelgericht wordt beantwoord en zij is wél zo slim dat ze de nodige veranderingen wel degelijk aanbrengt.
Trouwens, de geschiedenis van dit topic is, dat omaatje raad vroeg voor een al bestaande website, waar we samen tot nu toe al de nodige verbeteringen hebben aangebracht, stap voor stap, het is dus niet zo dat ik omaatje overstelp met onbegrijpelijke code fragmenten, maar stap voor stap een (met fouten) reeds bestaande site aanpas.
Groetjes Progger
Progger
Een goede raad:...
Luister nooit naar goede raad...