Tekst rondom een foto in HTML

[Dilasso]

LS,

 

Ik zou graag op een webpagina een blok tekst willen plaatsen met in het midden een foto in HTML, heeft iemand een idee hoe dat moet?

 

Groet,

Dilasso.

[satwave]

Je bedoelt niet toevallig?:

 

- Maak een tabel

- Kies als achtergrond van die tabel de gewenste afbeelding

- Voeg de gewenste tekst toe (al-dan-niet gecentreerd)

 

Mvrg.

 

[Big fellow]

Een van de manieren: http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html .

Ik zou het zelf in een CSS zetten, maar dat is voor een beginner misschien iets te lastig allemaal...

[Duwgati]

Foto links of rechts uitlijnen en de tekst er mooi omheen laten vloeien is idd geen probleem zoals je kunt lezen op de link van Big Fellow.

Maar als je zoekt naar een oplossing waarbij de foto gecentreerd staat en de tekst er links en rechts omheen vloeit, dan geef het maar op. Dat is er helaas niet.

 

[Dilasso]

Origineel bericht van: Duwgati

Foto links of rechts uitlijnen en de tekst er mooi omheen laten vloeien is idd geen probleem zoals je kunt lezen op de link van Big Fellow.
Maar als je zoekt naar een oplossing waarbij de foto gecentreerd staat en de tekst er links en rechts omheen vloeit, dan geef het maar op. Dat is er helaas niet.

Daar was ik al bang voor, bedankt voor jullie reakties.

Groet,
Dilasso.

[Kowalski]

Het kan wel, maar er is geen eenvoudige standaardfunctie voor. Als je zoiets bedoelt als in dit voorbeeld, dat wordt hier uitgelegd hoe te maken met CSS.

Anders zoek je even op Google "wrap text image centered", dan vind je wel meer hits die hierop betrekking hebben.

 

Als je niet met CSS wilt of kunt werken, zou ik het eens proberen met een tabel met een aantal cellen waarvan je de middelste cel vult met de foto, en de andere met tekst (de cellen al dan niet met "span" naar andere cellen).

[Duwgati]

Dat lijkt er wel een beetje op, maar is toch iets anders. Dit zijn ook 2 kolommen waarvan de ene kolom links en de 2e kolom rechts om het image vloeit.

 

HTML ondersteunt geen <img ..... align="center">

Helaas.

[Kowalski]

Dat klopt, ik heb geen oplossing gevonden om tekst links en rechts van het plaatje te laten doorlopen (tenzij het maar om 1 regel tekst gaat). Zoiets ogenschijnlijks simpels is met HTML toch moeilijk (of niet) te maken. Als het al kan, denk ik dat je bij bijv. een javascript of Flash oplossing uitkomt, maar ik heb niks kant en klaar kunnen vinden.

 

Je zou gewoon een "foto" van de tekst met plaatje samen kunnen maken (dus eerst in een gewone text of photoshopeditor samenstellen, daar een screendump van maken), maar dat verdient ook geen schoonheidsprijs omdat de tekst dan geen echte tekst meer is.

 

In dat geval zou ik toch voor de 2 kolom layout gaan, al is het maar voor de leesbaarheid. Maarja, het is de vraag of de vragensteller dat wil.