tekst om een foto heen maken

Status
Niet open voor verdere reacties.

meinouw

Nieuwe gebruiker
Lid geworden
3 jan 2008
Berichten
3
Hallo Allemaal,

Ik wil graag een foto midden in de tekst zetten en de tekst dus mooi om de foto heen door laten lopen

Maar tot nu is me dat nog niet gelukt. Ik heb het eerst geprobeerd met een frame, maar dat is niet echt zoals ik het wil en het is ook lastig omdat ik de tekst dan niet kan laten doorlopen aan de andere kant van de foto.

Ik hoop dat jullie me kunnen helpen.

Groetjes meinou
 
Het midden wordt lastig, wat je wel zou kunnen doen is de afbeelding links of rechts plaatsen.

Dat kun je regelen door middel van CSS met een float:right; of float:left;

CSS:
HTML:
<style>
.float-left {
  float:left;
  margin: 3px;
}
.float-right {
  float:right;
  margin: 3px;
}
</style>

Toepassing:
HTML:
<img src="plaatje.jpg" class="float-left" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin et magna. Etiam a nisl vestibulum enim vestibulum rutrum. Sed dignissim elit gravida metus. Nam massa turpis, malesuada et, tristique eu, ultricies nec, risus. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dui pede, tincidunt imperdiet, porta id, dictum cursus, sem. Nullam suscipit, nunc in sagittis nonummy, eros nisi dapibus felis, at accumsan pede purus a justo. Pellentesque egestas nibh vel massa interdum aliquam. Donec erat metus, fermentum et, sollicitudin vitae, porta vitae, libero. Ut auctor purus ut lorem. Pellentesque pellentesque, enim ac interdum pellentesque, lectus nisi adipiscing magna, sed pulvinar sapien justo eu orci. Sed mi purus, imperdiet ut, ornare eget, vestibulum nec, magna. Suspendisse mattis, orci at venenatis fringilla, sem risus semper ligula, at tincidunt ipsum orci eu nisi. Pellentesque quis elit. Maecenas mi mauris, consectetuer ac, aliquet vulputate, convallis ut, orci. Pellentesque scelerisque. In risus. Donec rutrum blandit enim. Proin felis purus, fringilla eget, semper sit amet, posuere non, ante.<br /><br /> Vestibulum eu quam. Donec et risus. Nulla facilisi. Mauris purus risus, consectetuer eget, mattis ac, ornare nec, lacus. Praesent libero. Sed tortor. Donec rhoncus erat eu ante. Fusce sit amet quam vitae nunc consequat sollicitudin. Suspendisse ante mi, posuere vel, hendrerit ut, volutpat eu, mi. Etiam interdum rhoncus enim. <br /><br />
Aliquam tincidunt tortor facilisis nisi. Sed lacinia risus a felis mollis ultricies. Ut est arcu, adipiscing quis, egestas quis, sodales eget, tellus. Morbi quis turpis in lectus condimentum adipiscing. Nunc sed turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum lobortis, ligula a commodo tempor, libero justo nonummy quam, et rutrum nisi nibh id lectus. Sed purus sem, suscipit quis, porta sed, vulputate nec, justo. Mauris sit amet elit sed dolor egestas consectetuer. Nunc bibendum. <br /><br /> Duis molestie. Duis eu risus. Morbi aliquam rhoncus mi. Phasellus consectetuer. Morbi viverra orci. Aliquam erat volutpat. Nam faucibus. Pellentesque eu tortor. Vivamus tincidunt diam sit amet quam. Sed fringilla. Ut tortor felis, pellentesque vel, rhoncus cursus, fermentum a, massa. Nullam dolor tortor, vehicula nec, dapibus ut, laoreet sit amet, enim. Duis in velit vitae neque laoreet dignissim. Pellentesque tortor metus, suscipit a, malesuada ac, malesuada non, magna. Vivamus lorem nibh, scelerisque quis, rhoncus eu, laoreet at, quam. Mauris lacus leo, facilisis nec, malesuada id, semper quis, ligula. Proin enim. Cras nonummy erat quis eros.<br />
<img src="plaatje2.jpg" class="float-right" />
Curabitur a neque eget enim pulvinar luctus. Nulla nec dui. Integer justo felis, condimentum sed, auctor at, bibendum eu, erat. Aliquam nulla tellus, tempus hendrerit, cursus vitae, vulputate suscipit, dolor. Aenean vitae nisi. Morbi urna nibh, accumsan ac, vestibulum vel, molestie vel, orci. Aenean vel arcu eu magna tincidunt aliquet. Maecenas vestibulum ultricies massa. Aliquam dignissim tortor sed dolor. Pellentesque consequat imperdiet quam.
 
Ik vraag me af in welk programma je dit wilt doen. In Word, bijvoorbeeld heb je bij Format Picture (rechtermuisklik op afbeelding en format picture van popup menu kiezen) de optie om de nodige instellingen te maken.
 
nee, niet in word. Ik werk met firstpage, maar typ eigenlijk alle html zelf, dus...
Maar ik ga het ff proberen met bovenstaande....

Thanx,

Meinou

Meer tips zijn natuurlijk altijd welkom
 
niet mogelijk

Hallo Allemaal,

Ik geloof dat wat ik wil nog niet mogelijk is, maar ik kom wel in de buurt.
Ik heb me nu gestort op het leren van CSS.
Bedankt voor jullie opmerkingen!

Groetjes Meinou:)
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan