46 users online (0 members and 46 guests)  


  Results 1 to 2 of 2

Related

  1. 4 corner liquid box issue sample...    Forum: CSS Forum
    Replies: 0
  2. aligning page contents    Forum: CSS Forum
    Replies: 4
  3. Aligning Top Frame in IE7    Forum: HTML Forum
    Replies: 2
  4. CSS layout and aligning....    Forum: CSS Forum
    Replies: 2
  5. Setting an image to the absolute corner    Forum: HTML Forum
    Replies: 7
  1. #1
    R3gulus's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2005
    Posts
    1

    Aligning an IMG in the bottom right corner

    I am in the process of redesigning our website. We have the design done and are now wWe are in the process of redesigning our website. We have the design done and are now working on implementing the design. We have doing all of our layout in CSS and content in HTML. We have gotten everything to work except for two issues. The one we are trying to fix first is the bottom right image.

    We are trying to float an image in the bottom right hand corner of the content yet have the text wrap around it. You can see what we want it to look like here. http://www.mnu.edu/premier/orig.html The problem with the way this is implemented is that we have to insert the image at the perfect spot in the body text for it to align to the bottom correctly.

    The way we would like to layout our HTML is here. http://www.mnu.edu/premier/test.html As you can see this will put the picture in the correct place but the text doesn't wrap around the image. We would also be fine with inserting the image at the top of the HTML content area but not some random place in the middle.

    Any help you can give us would be greatly appreciated.orking on emplementing the design. We have dooing all of our layout in CSS. I have gotten everthing to work except fot one issue.

  2. #2
    coreybryant's Avatar
    Texan at Heart

    Status
    Offline
    Join Date
    Jun 2003
    Location
    Castle Rock, CO
    Posts
    107

    Re: Aligning an IMG in the bottom right corner

    What happens if you move the div, img source three lines up, Something like:
    Code:
    <div id="personpic"><img src="seatedgirl.png" height="263" width="201" alt="Girl on chair"></div>
    <P>Fusce porta, est non aliquam accumsan, dui massa rutrum ante, sed auctor justo enim ut velit. Quisque sit amet dui ut risus blandit aliquet. Phasellus iaculis bibendum leo. </P>
    <P>Nulla facilisi. Suspendisse potenti. Aliquam a ante non metus pellentesque varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer venenatis, nibh in lacinia pharetra, massa urna egestas libero, sed fermentum nibh leo et tellus. Quisque eros magna, adipiscing in, hendrerit ut, lacinia quis, turpis. In hac habitasse platea dictumst. Suspendisse potenti. Donec consectetuer, est non hendrerit tristique, arcu felis imperdiet diam, et sollicitudin nisl lorem in mauris. Vestibulum lobortis pharetra ipsum. Donec et lorem. </P>
    <P>Fusce porta, est non aliquam accumsan, dui massa rutrum ante, sed auctor justo enim ut velit. Quisque sit amet dui ut risus blandit aliquet. Phasellus iaculis bibendum leo. </P>



Tags for this Thread