Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts

    CSS Text Problem..

    Hi Guys..
    I seem to have a text wrap problem with my site which I'm re designing.
    The new one is located at http://www.jamierees.co.uk/newsite/

    The problem is that I want the text well the <h6> text at the top of the #content div. In the design view of Dreamweaver, it looks fine, so does the about.php page. However in Firefox and IEvil, there is 2 or 3 lines of spacing.

    Knowing me, it's probably something that I've missed *slaps head in advance*, but I'm starting to think it's something else..

    Also with about.php, the text wraps down over the #content div and disappears. I haven't really played around with this and would be grateful if someone could take a look *shouts for Ollie or Brady *

    btw - the style sheet is loacated here: http://www.jamierees.co.uk/newsite/mainstyle.css < Validates with no warnings or problems. The pages are also Valid XHTML 1.1.

    Jamie.

  • #2
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Looking at your HTML you seem to be confused about the usage of <hx> elements. They're for headings, not large bodies of text. They're also suppose to suggest a hierarchy within your document. You have an H6 above a H2.
    Code:
    h6
    {
    margin-bottom:0;
    }
    
    h2
    {
    margin-top:0;
    }
    That completely removes the margins between the two elements. However you really should correct your markup.

  • #3
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    O yeh I know about that - I used a range of <hx> tags rather than <p id="whatever" </p> for some reason. However, I'm going to correct that as the heading tags don't really suit my needs and are messing my markup up.

    btw cheers for the help

    Jamie.

  • #4
    Senior Coder chilipie's Avatar
    Join Date
    Jul 2004
    Location
    Shrewsbury, UK Age: 16
    Posts
    1,117
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ZIP it all up for me, and I'll have a go at fixing the markup and the CSS . I reckon part of your problem is the fact that your using <h#> tags for <p>s.

  • #5
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Hi Ollie.
    Ye I know about that - I've just got in from school so I'll have a crack at rectifying that little hitch now

    btw if you want the zip, I'll upload it and will tell you the link through Messenger.
    Jamie.

  • #6
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Righteo, cheers for the help. I replaced the tags like <h4> etc with <p class="navtxt">text</p> and then sorted out the css. I also tidied up the css and markup so it looks better..
    cheers for the help
    Jamie.


  •  

    Posting Permissions

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