Thread: JS/CSS: image alignen naast text
-
05-12-2007, 20:14 #1
JS/CSS: image alignen naast text
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 Code:<p><img .... > test<br /> tweede lijntje text</p>
wat perfect werkt. Nu moet ik op mijn pagina echter verschillende zulke elementjes onder elkaar weergeven:HTML Code:img { float: left; }
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!HTML Code:<p><img .... > test<br /> tweede lijntje text</p> <p><img .... > test<br /> tweede lijntje text</p> <p><img .... > test<br /> tweede lijntje text</p>
Bedoeling is dus om die float enkel op de paragraph van de image zelf toe te passen. Hoe doe ik dit?
thx!no votes
-
-
06-12-2007, 08:45 #2
use table
no votes
-
06-12-2007, 09:03 #3Approved 9-lifer
- Registered
- 15/01/06
- Location
- Brugge
- Posts
- 6,538
- iTrader
- 19 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/45
je kan ook tussen je images een lege div plaatsen en daarop clear: both; toepassen.
A "racist rapist" sounds worse than a regular rapist when u first hear it, but it's actually better 'cause less people get raped.no votes
-
06-12-2007, 14:07 #4Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
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%.no votes
-
06-12-2007, 15:10 #5Member
- Registered
- 26/03/03
- Location
- Dendermonde
- Posts
- 5,472
- iTrader
- 28 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 1/8
Idd <img /> tag moet buiten de <p></p> tag staan
no votes
-
06-12-2007, 20:41 #6Member
- Registered
- 29/11/04
- Location
- My attic
- Posts
- 5,936
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 12/15
Ofwel (als de afbeeldingen bijvoorbeeld semantisch gezien in die paragraaf horen):
Code:p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }no votes

