SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Nov 2003
    Location
    la quinta
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    image wrap error

    Every time I wrap text around an image, it is not included within my container. The div encompasses the text but not the image, resulting in the image overlapping the container. Thank you in advance.

    The link to the page:
    http://www.angelfire.com/indie/admir...ands-kfok.html

    The link to the stylesheet:
    http://www.angelfire.com/indie/admir.../corestyle.css

  2. #2
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are some very odd constructs there - some of which I don't understand. I ran it through a validator and got this output.
    http://www.htmlhelp.com/cgi-bin/vali...l&warnings=yes
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  3. #3
    SitePoint Member
    Join Date
    Nov 2003
    Location
    la quinta
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What should I do about it? I think the java errors are from the angelfire banners being added by them.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Every time I wrap text around an image, it is not included within my container. The div encompasses the text but not the image, resulting in the image overlapping the container.
    If you are floating the image then you will probably need to add <div style="clear:both></div> before the end of the container. (i.e. after the text).

    Paul

  5. #5
    SitePoint Member
    Join Date
    Nov 2003
    Location
    la quinta
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, I added the code and the container now encompasses the pic and text. There is still a problem; the text does not wrap around the image anymore. What exactly does the code I entered even do? Did I need to add anything to the style sheet? Thank you.

    The code:

    <div id="centercontent">
    <font class="main"><img align="" src="http://www.angelfire.com/indie/admiralkarate/kfok-01.jpg">
    <div style="clear:both">
    One seemingly ordinary night on February 21st, 2003, two extremely disillusioned souls were caught in the midst
    of a Jekkel concert featuring local acts; El Jerko, Anadyne, and L.A. band, Thelonious Brown, would find each
    other and become responsible for one of the most original sounds to come out of the Coachella Valley.
    Their names were Jack Brittain and Rick Valerie. The development would be a long process, but the mission was
    quite simple; to create the sound that their musical forefathers, whom laid the foundation, wanted them to.
    Their biggest influences, including the post-punk art-rock bands of the 70s and 80s; The Dead Kennedys
    (particularly Jello Biafra and all he accomplished with A.T.), programmers such as Sasha of KMFDM, ohgr
    (Skinny Puppy), Al Jorgensen of Ministry, and all the '****ty' bands that make the mainstream what it
    is…pre-fab ****-rock ****.
    <br><b><p align="right">-Kasket full of Kristians</p></b><p></p> </div>
    </p>
    </div>

    </div>

    </body>
    </html>

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You were nearly there! Move it to the end of the text as I said in my previous post

    Code:
    <br><b><p align="right">-Kasket full of Kristians</p></b><p></p> </div>
    </p>
    <div style="clear:both">
    </div>
    (and tidy your code up please! Whats that last </p> doing outside the div? & <font class="main"> should be <div class="main> )

    Hope that helps

    Paul

  7. #7
    SitePoint Member
    Join Date
    Nov 2003
    Location
    la quinta
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, the added code fixed my problem. Thank you all for helping me through this.
    -Matt


Bookmarks

Posting Permissions

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