SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    BLAH....more positioning troubles...

    I think i'm just overlooking something really basic, but heres the idea: I want the sub navigation of www.bluevolume.com/dallasent/index1.htm to be on the left side, and the text on the right side next to it with 15px padding between the text and everything else. As you can see, the text covers the sub navigation. The CSS is contained within the HTML file. A side issue is also getting the hover effect to work on the sub naigation bar.....

  2. #2
    SitePoint Enthusiast
    Join Date
    May 2003
    Location
    Seattle
    Posts
    39
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have you tried adding a margin to the content area that is equal to +15px of the navbar?

  3. #3
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if you mean the text area, I did. But I don't want to add any margin to the content area, it needs to be up against the borders.

  4. #4
    SitePoint Addict BenANFA's Avatar
    Join Date
    Apr 2003
    Location
    Bath, UK
    Posts
    353
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Instead of positioning your subnav bar absolutely try floating it on the left.

  5. #5
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't think it has to do with the subnav bar at all, because I specified 565px for the width of the text, and it is not contained in that width.

  6. #6
    SitePoint Addict BenANFA's Avatar
    Join Date
    Apr 2003
    Location
    Bath, UK
    Posts
    353
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Although this is not the way I would layout your page (you can achieve the same result without all the absolute positioning) your actual problem is that in the #text CSS rule you have specified the width as follows
    Code:
    width: 565x;
    You have left the p out of px
    Code:
    width: 565px;

  7. #7
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    LOL.....I can't believe I did that! Now that I kow what I messed up i'll try some other methods. Thanks for the help!

  8. #8
    SitePoint Addict BenANFA's Avatar
    Join Date
    Apr 2003
    Location
    Bath, UK
    Posts
    353
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Non problem It is always worth validating your CSS (and your HTML) at the W3C's website.CSS Validator

  9. #9
    SitePoint Addict
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    330
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I clicked to download it, but I couldn't find the file on the page. Can you give me a direct link to the file, or tell me how to use the CVS thing?

  10. #10
    SitePoint Addict BenANFA's Avatar
    Join Date
    Apr 2003
    Location
    Bath, UK
    Posts
    353
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    TBH I useually use one of these links from the original page rather than downloading the validator to my machine,

    Validate your cascading style sheet by URI
    Validate your cascading style sheet with a text area
    Validate your cascading style sheet source file by upload

    Just seems easier.


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
  •