Results 1 to 13 of 13
  1. #1
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    problem with H1 tags not aligning

    I have a few probems with the H1 tag in that it need to be moved across to the right on faq and contact pages. I tried increasing padding but this did not work.
    Also when l view the site in IE the bottom padding seems to increase to much , can't work out why, as it looks just fine in firefox just a problem with IE.
    see attachment for what l mean.
    Attached Images Attached Images

  2. #2
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    I'm no css expert, but I'm sure align=right (or similar) should work. <img src=/S/shrug.gif border=0 alt=shrug width=39 height=15>
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

  3. #3
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: problem with H1 tags not aligning

    Before I answer this, I have a theory. When you view these headers in IE do appear initially or do you have to run your mouse pointer over the navigation bar before it appears. From the previous snippets of code you provided us I note that these titles are probably seated in your #navcontainer class. If they are sitting in this <div> the <h2> tag has inherited its attributes. I was looking at a page of yours at home and noted that the title only appeared after I touched the navigation bar.

    FF and IE will tend to view HTML and CSS in totally different way if there is a glitch in your code, however small, it will be picked up as FF has a better ability to "spot" these issues hence why we always check in both browsers. There is not much we can do without a snippet of the code for these two pages so that they can be compared.
    Jerry

  4. #4
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    Hello,

    Attached is the css code am using for faq page,links and home page.
    Any help would be appreciated if you help resolve this issue.
    Attached Files Attached Files

  5. #5
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: problem with H1 tags not aligning

    Right, this is going to be a difficult one as you are using a css file for each different page, which defeats the object of having a css file as it is best to have just one for similar pages so that if changes need to be made to the site as a whole you can do it from one file.

    In all of your css file for H1 you have the following:

    h1 {
    text-align : center;
    font-weight : bolder;
    font : 20px "Lucida Sans Unicode", Verdana, sans-serif;
    margin: 0px;
    clear: left;
    padding-left: 45px;
    padding-top: 2px;
    padding-bottom: 8px;
    }

    basically you are making the text center but then putting a padding on the left that shunts all the text to the right by 45px. As your page titles are all different lengths they will all end up on with ends moving all over the page!!!!!!!!!!

    My suggestion FWIW are:
    1) To get rid of the padding for left completely so that the text is centralised on the page for all of them
    2) Reduce your padding -bottom to 5px
    3) Get rid of clear:left, it has no relevance to this tag

    Finally, it is very difficult to do as you have asked to shunt it to the right as you have asked as the text string is of variable length unless you add another div tag class which has a certain width, centralised and aligned to the right, this will fix your problem and you have examples of this code and how to do it in you footer question.
    Jerry

  6. #6
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    But couldn't you still use the same css file for the whole site, and just use different classes for the bits that are found on specific pages only? Otherwise you're making life a bit harder for yourself.
    <img src=/S/shrug.gif border=0 alt=shrug width=39 height=15>
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

  7. #7
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    yes l know this defeats the object!
    The reason for this is as follows:

    The layout is different in home page compared to faq and contact pages.
    I have used same css for faq and contact pages. I expect l could use the same css for home,links and caldner pages.

    Thats great l will make the change and then put in the relevant files and see how it looks in IE.

  8. #8
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    Good point, as this is my first css site l will bear that in mind for the next site.
    Your help with my CSS is much appreciated.

  9. #9
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    Could you possibly give me your opinion on the wording on the front page and how it could be improved so that it could have more impact?

  10. #10
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    I tried this but no luck l am totally baffled as l don't know the cause. Every time l view the site in IE it keeps putting more space in at the bottom.
    Is it becase l am using nbsp's in my html?. l am sure it is the html which is the cause.
    I cannot pin point what it is though.

  11. #11
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: problem with H1 tags not aligning

    Please read <post:=553,617>post 553,617</post:> and my comments about FF and IE views, this happens and you cannot get away from the problem. FF parses html differently, if not better to IE and you will not get a perfect match a lot of the time.

    Other issues are that in your CSS file you have capitalised attributes that must be all lower case
    Jerry

  12. #12
    5 Star Lounger
    Join Date
    Mar 2004
    Posts
    924
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    I will tidy up css at a later date , l know it is a bit messy and there is a lot of unnecesary code there.
    I will have to look at the code at work this out myself so l get a better understanding of the problem.
    As it looks a bit messy at the moment.

  13. #13
    5 Star Lounger
    Join Date
    Apr 2003
    Location
    Hampshire, United Kingdom
    Posts
    602
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: problem with H1 tags not aligning

    The purpose of this forum is more to deal with web design, not content! <img src=/S/grin.gif border=0 alt=grin width=15 height=15> I've already given some detailed comments on the content in <post:=550,046>post 550,046</post:>. But specifically on the home page:

    Overall, looks great. Very eye-catching, and the first few words are punchy and to the point. Here comes the nit-picking bit:
    <UL><LI>"based in Southampton, Hampshire" - if people don't know where Southampton is they're unlikely to be interested in joining a social club there. I'd leave out "Hampshire" - maybe replace it with "UK" to distinguish it from the <img src=/S/flags/USA.gif border=0 alt=USA width=30 height=18> namesake
    <LI>"formed in late 2005 by Rebecca" - who's Rebecca? This might make anyone who doesn't know Rebecca feel a bit excluded; I'd leave "by Rebecca" out. (It also could be interpreted as meaning that it's her club, and that members aren't on an equal footing)[/list]That's the worst I can come up with, so it can't be all that bad <img src=/S/grin.gif border=0 alt=grin width=15 height=15>
    Waggers
    If at first you do succeed, you&#39;ve probably missed something.

Posting Permissions

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