SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    tabbed panels not displaying corrctly

    Hope this is the place to post this question.

    I am responsible for a site for my employer and am struggling with a layout issue. I use Dreamweaver as I am only really a novice at this and it works for me (well most of the time anyway). I have set up a page using a left side bar containing some menu options and have put details of a product in the main content area. I have used tabbed panels to make it easier to navigate to the different aspects of the product but the panel will only display after the side bar.

    Not sure if that makes sense or if anyone can help me, I would be eternally grateful if you could. The page in question is here:

    http://www.cambrianphoto.co.uk/nikon/d800.html

    Thanks in advance for any help available,

    regards

    Brian

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,085
    Mentioned
    255 Post(s)
    Tagged
    5 Thread(s)
    If I've understood correctly, you want the tabbed content to sit immediately below the picture. The problem is, you've given it a width of 100%, and your sidebar has a width of 160px, so it has to sit below your sidebar content to extend to your specified width. Change the width to 750px and you should be fine.
    Code CSS:
    .TabbedPanels {
        clear: none;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!

  3. #3
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you TechnoBear,

    I thought it must be something like that and I had tried to change the width using the CSS panel in dreamweaver. I guess I must have changed it in the wrong place. I'll try your suggestion tomorrow when I get back to the office, I'm sure it will work.

    regards

    Brian

  4. #4
    SitePoint Member
    Join Date
    Feb 2011
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had done it correctly when I changed the width in the CSS properties panel - I just forgot to upload the new CSS file - Doh!

    It's working fine now

    Thanks for your help

    regards

    Brian

  5. #5
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,085
    Mentioned
    255 Post(s)
    Tagged
    5 Thread(s)
    Great - glad it's working. And nice to know you'd worked out the correct solution for yourself, too. It wouldn't be the first time I've forgotten to upload a file and then wondered why things aren't working. Happens to us all.
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!


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
  •