html hulp gezocht

[odil]

Ik heb een phpbb forum waar ik extra pagina's heb bij gemaakt maar nu zit ik even vast omdat mijn html kennis niet zo goed is, zeg maar slecht xD

Waarschijnlijk zal het iets met tables zijn maar daar heb ik geen jonge kaas van gegeten.

Ik zoek dus hulp met de opmaak van een extra pagina (html)

Zie "webshop" in het menu op http://www.hond-en-baas.be

Naast de foto met het artikel zou ik graag een paar lijntjes tekst willen plaatsen maar ik kom er niet uit.

Het zou er ongeveer moeten uitzien als op onderstaand plaatje.

Indien nodig kan ik hier de broncode van de pagina posten.

Ik heb iets gevonden die lukt maar het zal wel niet de juiste manier zijn.

Als er een betere manier bestaat dan hoor ik het graag.

Mijn stukje code :

<!-- Begin webshop -->

<div class="panel bg1" id="webshop">

<div class="inner"><span class="corners-top"><span></span></span>

<div class="content">

<h2>T-shirt.</h2>

<dl class="faq">

<dd><P><IMG SRC="http://www.hond-en-baas.be/forum/images/webshop/tshirt.jpg" STYLE="float: left;">

     <b>Maat:</b>    ..........</P>

<P>     <b>Kleur:</b>   ..........</P></dd>

<P>     <b>xxxx:</b>    ..........</P></dd>

</dl>

</div>

</div>

<span class="corners-bottom"><span></span></span>

</div>

<div class="clear"></div>

<!-- Einde webshop -->

[leroy]

Ik weet niet precies wat u bedoeld, maar ik hoop dat het lukt met wat ik hier nu zal vertellen.

Je kan het inderdaad met tables doen, maar dit is geen goeie oplossing omdat wanneer je verder wilt typen wanneer de afbeelding stopt dit niet onder de afbeelding, maar gewoon naast de afbeelding komt te staan.

Maar er is nog een veel makkelijker manier.

Om nu een afbeelding toe te voegen gebruikt u waarschijnlijk deze code:

<img src="http://i27.tinypic.com/2zez2b7.jpg" width="300" height="201" />

Hier kunt u ook style elementen aan toekennen. De code van een plaatje wordt dan

<img src="http://i27.tinypic.com/2zez2b7.jpg" width="300" height="201" style="float:left; margin:0px 5px 5px 0px" />

Met het element: 'float' kun je bepalen aan welke kant hij komt te staan. VUl je hierin 'left' dan komt hij aan de linkerkant van de tekst te staan. Vul je hier in 'right' komt hij aan de rechterkant van de tekst te staan.

Met het element: 'margin' kun je de ruimte tussen de afbeelding en de tekst bepalen. Het eerste getal staat voor de 'bovenmargin' het 2e voor de 'rechtermargin' en zo verder met de klok mee. Deze waardes kun je gewoon allemaal aanpassen als er maar 'px' (pixels) achter staat.

Laat even weten of het is opgelost!,

Groeten,

leroy

[odil]

Ik weet niet precies wat u bedoeld, maar ik hoop dat het lukt met wat ik hier nu zal vertellen.

Je kan het inderdaad met tables doen, maar dit is geen goeie oplossing omdat wanneer je verder wilt typen wanneer de afbeelding stopt dit niet onder de afbeelding, maar gewoon naast de afbeelding komt te staan.

Maar er is nog een veel makkelijker manier.

Om nu een afbeelding toe te voegen gebruikt u waarschijnlijk deze code:

<img src="http://i27.tinypic.com/2zez2b7.jpg" width="300" height="201" />

Hier kunt u ook style elementen aan toekennen. De code van een plaatje wordt dan

<img src="http://i27.tinypic.com/2zez2b7.jpg" width="300" height="201" style="float:left; margin:0px 5px 5px 0px" />

Met het element: 'float' kun je bepalen aan welke kant hij komt te staan. VUl je hierin 'left' dan komt hij aan de linkerkant van de tekst te staan. Vul je hier in 'right' komt hij aan de rechterkant van de tekst te staan.

Met het element: 'margin' kun je de ruimte tussen de afbeelding en de tekst bepalen. Het eerste getal staat voor de 'bovenmargin' het 2e voor de 'rechtermargin' en zo verder met de klok mee. Deze waardes kun je gewoon allemaal aanpassen als er maar 'px' (pixels) achter staat.

Laat even weten of het is opgelost!,

Groeten,

Ik maakte al gebruik van float in de code maar ik dacht dat tables beter waren dus niet, ik was dus toch goed bezig.

Toch bedankt.

leroy

Ik maakte al gebruik van float in de code maar ik dacht dat tables beter waren dus niet, ik was dus toch goed bezig.

Toch bedankt.

[leroy]

jah klopt.. alleen je gebruikt nogal veel extra code's die er niet persé bij houven, zoals die <span></span> code's en die <dd> code (wat niets doet).

groeten,

leroy