Hallo,
weet iemand hoe ik een afbeelding in een regel kan krijgen, dus tussen de woorden in ?
als bijvoorbeeld te zien is op de documentatie pagina van cpanel:
http://docs.cpanel.net/twiki/bin/vie...anelHomeScreen

Gewoon met een img tag?
Bijvoorbeeld:

Code:

Welkom op <img src="images/logo.png" alt="" /> bezoeker,

You can reach the cPanel home screen from anywhere in the interface by clicking the <em>Home</em> button (<imgwidth="33" alt="home.jpg" src="/twiki/pub/AllDocumentation/CpanelDocs/CPanelHomeScreen/home.jpg" height="30" />) at the top left

Zo dus ;) staat gewoon in de bron hoor.

Dat kan op deze manier

BLABLABLABLABLABLA <img src="URL of plaats van plaatje"> BALBALAABAOJAD

Groeten, Paul

Ik was jullie voor (6)

Dat had ik natuurlijk al wel geprobeerd.
Maar dan komt de tekst voor de img tag boven de afbeelding en de tekst na de img tag onder de img.

margin, padding?

+ de height natuurlijk, deze speelt ook een belangrijke rol.

Bij een image van 16px in de hoogte, is bijv geen wijziging nodig.


BTW, wat je nu zegt is bij cpanel net zo.
Valt het je niet op dat de verschil tussen de alineas met image groter is dan de alineas zonder?

Je moet het plaatje inderdaad wel dermate klein maken dat het ook werkelijk even hoog is als de tekst. Als jou tekst dus 12 px hoog is, mag jou afbeelding ook maar 12 px hoog zijn.

Heb ik nu geprobeerd maar wijzigd nog niets. p.s. zoals op de pagina van cpanel te zien is de afbeelding veel hoger dan tekst, dus het moet te doen zijn. maar hoe ?

Mathijs, kijk eens naar de hoogte tussen de 2 alineas waar de img in zit, en naar de andere.

Nogmaals, met margin of padding kan het, maar dan krijg je dus ook wat hogere ruimte net zoals cpanel. (dit blijf je houden als de img hoger is dan de tekst).

Want tekst van 12px met een image van 40px is onmogelijk, dat wil zeggen dat de image boven de tekst komt te staan, of er moet een ruimte van zon ruim 20px tussen de regels inzitten.

Oke, ik denk dat ik anders de afbeelding wel weer ga geven met een mouseover of zo.

img {
display: inline;
}

Dit werkt goed. Zonder padding en margin.
img {
display: inline;
}
Bedankt

Hm, twee dagen te laat, maar idd met inline.. :) Img staat standaard als block, dus dan krijg je hem nooit in je tekst :)