SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict rabbitsfeat's Avatar
    Join Date
    Nov 2006
    Posts
    334
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with list in IE

    Please could someone take a look at this page from the site I'm building:

    http://www.jeremyhodge.pwp.blueyonde...k/gallery.html

    If you look at it in Firefox first you'll see how it's supposed to look. But then take a look in any version of IE and you'll see my problem—you'll have to scroll down a bit to see it.

    If you look at the code I've marked up the Back to top links with a list that wraps around a whole lot of content—not sure if this is allowed but it gets the postioning of the Back to top links that I want, at least in Firefox. I've tried many ways to postion these links. I tried putting them in paragraphs but it messes up the spacing I want between elements. I want the Back to top links sitting out on the right with the spacing between different sets of thumbnails as it is.

    How can I fix this in IE, or is there a better way to mark this up?

    Please can somebody help as I've tried everything I can think of!

  2. #2
    SitePoint Member
    Join Date
    May 2008
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well..frankly speaking...ur coding is a bit complex..try to do this in a simple way...are you a professional website designer or you are just experimenting?? If you want search in google for various layouts and you can follow ..

  3. #3
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How can I fix this in IE, or is there a better way to mark this up?
    Test the use float to achive what want. Remove the list and do something like this:

    HTML Code:
            <!-- End Mammals -->
              <p class="goto"><a href="#masthead">Back to top</a></p>
            <!-- Start Birds -->
    Code CSS:
    #thumbnailsContainer .goto{
    		float: right;
    		margin: 0 58px 0 0;
    		padding: 0;
    		font-size: 1.2em;
    		}
    Happy ADD/ADHD with Asperger's

  4. #4
    SitePoint Addict rabbitsfeat's Avatar
    Join Date
    Nov 2006
    Posts
    334
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you so much for that Erik—worked a treat!

    I had found a solution prior to reading your comment but required loads of extraneous divs.

    Your solution is much finer.

    If I wanted to more the back to top links up slightly, would I just use a negative top margin on them?

    Cheers.

  5. #5
    SitePoint Addict rabbitsfeat's Avatar
    Join Date
    Nov 2006
    Posts
    334
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've uploaded the site again with these new changes and everythings working fine except there's a small problem in Opera.

    The back to top link is moving up when there is no thumbnail above it.

    Please could you take a look.

    Thanks.


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
  •