Afbeelding transparant maken oftewel tekstterugloop:

[me hartje music]

Ja, ik stoor jullie weer op jullie vrije zondag, sorry daarvoor.

Maar wat ik mij altijd af vroeg is.
in microsoft word kan je bij werkstukken altijd je afbeelding naast de tekst plaatsen (tekstterugloop transparant).
In dreamweaver komt de afbeelding automatisch onder de tekst te staan.
Het zal vast met dreamweaver kunnen en jullie zullen vast wel weten hoe dat moet.
Maar je moet het ff weten hoe je het doet of waar de functie te vinden is.

Groetjes en een fijne zondag!

 

[csshunter]

Hoi me hartje music,
Hoe je het in de ontwerp-weergave van Dreamweaver moet doen weet ik niet, wel hoe de code er in de code-weergave uit moet komen te zien.

• De afbeelding moet een css-opdracht float meekrijgen: dat is los drijven aan de linker- of de rechterkant van z'n omgeving.
• De afbeelding zet je in de html neer vóórdat de code van de tekstregel begint: dan drapeert de tekst zich mooi om de afbeelding heen.
• Meestal is het wel mooi om ook wat afstand tussen de tekst en de afbeelding te maken; dat kan met de css-eigenschap margin voor de afbeelding.

Bijvoorbeeld:

<div id="inhoudblok">
    <h1>Hoofdkop van de pagina</h1>
    <img class="imgFloatR" src="images/plaatjerechts.png" width="200" height="150" alt="" />
    <p>Dit is een alinea die naast het image staat of om het image heen gaat als het een lange tekst is.</p>
    <p>Dit is de volgende alinea: die komt er zo nodig ook naast, resp. komt er gedeeltelijk onderdoor te lopen.</p>
</div>

Met daarbij als css:

.imgFloatR {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    }

Met vriendelijke groet,
CSShunter

 

[billscot]

Hallo :thumb:

Als je met dreamweaver werk kan je wanneer je de foto op je pagina hebt geplaatst deze aanpassen hoe de tekst moet geplaatst worden.

Afbeelding uitlijnen

Er zijn verschillende manieren om afbeeldingen uit te lijnen in je pagina.
Wanneer we een afbeelding invoegen, wordt deze standaard op een nieuwe lijn aan de linkse kant van de pagina geplaatst.
Om de tekst in je pagina na of voor de afbeelding te plaatsen selecteer je eerst de afbeelding, en klik je het naar beneden wijzend pijltje naast het vak uitlijnen, kies je één van de opties in het drop-downmenu.
Kies je voor "Rechts", wordt je afbeelding rechts uitgelijnd tegenover de tekst.
Kies je voor "Links", wordt je afbeelding, wat had je gedacht, links uitgelijnd tegenover de tekst.

Om de ruimte tussen afbeelding en tekst te vergrootten geef je een waarde in de vakken "V-ruimte" en "H-ruimte".
"V-ruimte" zal meer ruimte creëren tussen afbeelding en tekst.
"H-ruimte" zal je tekst hoger of lager plaatsen ten overstaan van je afbeelding.

Nog een manier is gebruik te maken van het vak "Rand".
Geven we hier een waarde in zal dit de ruimte tussen afbeelding en tekst zowel verticaal als horizontaal vermeerderen.

Groeten Michelscot