1. #1

    Registered
    16/02/04
    Location
    /
    Posts
    1,555
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/1

    JS/CSS: image alignen naast text

    HTML Code:
    <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 Code:
    img { float: left; }
    wat perfect werkt. Nu moet ik op mijn pagina echter verschillende zulke elementjes onder elkaar weergeven:

    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>
    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!
    no votes  

  2. #2
    exxhal's Avatar
    Registered
    14/09/06
    Location
    Brasschaat
    Posts
    506
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    use table
    no votes  

  3. #3
    Devastate's Avatar
    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  

  4. #4
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Quote Originally Posted by exxhal View Post
    This quote is hidden because you are ignoring this member. Show
    use table
    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  

  5. #5
    RpR's Avatar
    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  

  6. #6

    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in