www.webdeveloper.com
Results 1 to 4 of 4

Thread: Help with fluid image and footer placement and image wrapping please!

  1. #1
    Join Date
    Feb 2008
    Posts
    9

    Help with fluid image and footer placement and image wrapping please!

    Hope someone can offer some advice because I'm struggling here!

    I'm "working" on this site: http://subcon-fusion.com/maroc_test2

    Here are the links to the html and css so you can look at the code:

    http://subcon-fusion.com/maroc_test2/index.html

    http://subcon-fusion.com/maroc_test2/andreas07.css

    (should I also paste the code into my post?)

    Now for the problems...

    1) I'd like the dune image at the bottom left of the page to always be at the bottom of the menu, regardless of the browser's resolution. (The menu is fixed btw but you can't tell on the main page because there isn't enough text to require scrolling but if you go to the "Circuits" page you can see that it is)
    I've tried align="bottom" and align ="absbottom" but it doesn't work...
    I've also tried applying the advice in this thread but to no avail.

    2) My footer's position is all wrong... I followed this tutorial but it's not working. I'd like it to always be at the bottom of the screen regardless of the browser's resolution. It looks ok on the "Circuits" page because there is enough text to push it down to the bottom but on the index it's far too high up.

    3) Image wrapping... Is there a way to override the CSS rules for particular images on the page? I'd like to keep the CSS image rules as they are because the margins work well for the banner at the top of the page. However, the image embedded in the text doesn't display properly - the text is stuck to the right side of it. I added an hspace="20" but it only seems to make a difference in IE (7) but not in firefox or chrome and it adds 20px to the left and right of the image whereas I only want it to the right!


    I hope I've been relatively clear and that someone will be able to help. As I'm sure you can tell, I barely know what I'm talking about

    And I know the site itself looks rubbish atm, but it's only a start and I hope I can improve it once these problems are out of the way.

    Thanks in advance!

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    1) Can't see this problem

    2) May be the required solution, but it will cover a long text
    Code:
    #footer img {position:absolute; margin-left:-260px; bottom:0;}
    3)
    Code:
    <img alt="" src="index_files/1gif_002.gif" align="left" border="0" style="margin-right:20px;">

  3. #3
    Join Date
    Feb 2008
    Posts
    9
    Quote Originally Posted by Fang View Post
    3)
    Code:
    <img alt="" src="index_files/1gif_002.gif" align="left" border="0" style="margin-right:20px;">
    thanks a lot, that worked well.

    for the footer, it does indeed cover long text so isn't really an option. i think i'll leave it as it was after all.

    for number 1, how do you not see the problem?? is the bottom of the dune picture not cut off for you (especially if you resize your browser window?

    anyone else know what i'm talking about?

  4. #4
    Join Date
    Feb 2008
    Posts
    9
    bump

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles