Jump to content

Tekst rondom een foto in HTML


Dilasso
 Share

Recommended Posts

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.

Dreambox DM800HD SE met Open Pli en Wavefield T55 schotel voor Hotbird, Astra 1, Astra 2 en Astra 3.

Ik heb altijd nog een stukje maand aan het einde van mijn geld
(Auteur onbekend)


---------------------------------------------------------

Link to post
Share on other sites


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.

 

Link to post
Share on other sites

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.

Dreambox DM800HD SE met Open Pli en Wavefield T55 schotel voor Hotbird, Astra 1, Astra 2 en Astra 3.

Ik heb altijd nog een stukje maand aan het einde van mijn geld
(Auteur onbekend)


---------------------------------------------------------

Link to post
Share on other sites

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).

Vu+ DUO 4K (OpenPLi), Visiosat 13.0/19.2/23.5/28.2°E

Link to post
Share on other sites

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.

Link to post
Share on other sites

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.

Vu+ DUO 4K (OpenPLi), Visiosat 13.0/19.2/23.5/28.2°E

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

Lees alvorens je verder gaat onze Terms of Use en Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.