Archief - JS/CSS: image alignen naast text

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
E

El_L4mor

Legacy Member
HTML: 
<p><img .... > test<br />
tweede lijntje text</p>

Ik heb een pagina die er als hierboven uitziet, en de bedoeling is om de text lijntjes mooi rechts van de image weer te geven. Hiervoor had ik de volgende css code:

HTML: 
img { float: left; }

wat perfect werkt. Nu moet ik op mijn pagina echter verschillende zulke elementjes onder elkaar weergeven:

HTML: 
<p><img .... > test<br />
tweede lijntje text</p>

<p><img .... > test<br />
tweede lijntje text</p>

<p><img .... > test<br />
tweede lijntje text</p>

als ik dit doe, dan wordt de tweede paragraph met image en al integraal naar rechts verschoven. De 'float' eigenschap van de eerste image, geldt blijkbaar niet alleen voor de text in de <p> waarbinnen de image staat, maar op alle volgende paragraphs ook!

Bedoeling is dus om die float enkel op de paragraph van de image zelf toe te passen. Hoe doe ik dit?

thx!
D

Devastate

Legacy Member
je kan ook tussen je images een lege div plaatsen en daarop clear: both; toepassen.
Z

Zero Grav

Legacy Member
exxhal zei:
use table
Klik om te vergroten...

Jongens toch..

Die afbeeldingen zouden alleszins buiten de paragrafen moeten staan, en dan zoudt ge vanaf daar verder moeten kijken. That is, als ge echt hele blokken tekst wilt ondersteunt door images? Want ik begrijp uw uitleg niet 100%.
X

Xavez

Legacy Member
Ofwel (als de afbeeldingen bijvoorbeeld semantisch gezien in die paragraaf horen):

Code: 
p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan