SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    h1, css, and a line skip

    hey i'm trying to get my site a bit more search-engine friendly by putting in some headings. unfortunately, even with css i am unable to make my headings look slightly normal. on http://www.4netdesign.com the text with the purple bg will be headings. thing is, the heading automatically makes the line under the text skip to make room for the information. with my template, though, i don't want the skip! how do i fix it?

  2. #2
    SitePoint Addict
    Join Date
    Jul 2001
    Posts
    284
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Headers and CSS don't mix well.

    What I did for my site was to define a class (font weight, size, etc.) then applying that to the TD holding the text. Might be a solution for you as well.

  3. #3
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    no, doesn't work ;(
    i needed to use the heading tag but no css i can find will keep it looking normal

  4. #4
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    am I right in saying that the "web templates" is the one you have used H1 on? and you want to get rid of the extra purple line below it?

    Have you set the margins in H1 in css? ie margin:0px and also padding-top:0px padding-bottom:0px

    plus is the text below it contained within a <P> make sure that you have margin-top:0px; on that one also

    This can work as I have achieved it, but also remember that it case sensitive in NS so if you use XML approach keep your H1 in your css file lower case...

    if that you have done this post the pertinant part of the css and I will compare to mine (when i find it )

    Sarah
    Regular user

  5. #5
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks. i was looking forthe attributewhich creates teh line skip, but i didnt even think of padding. ill try it, now.

  6. #6
    Bored One boredboi's Avatar
    Join Date
    Jul 2000
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    have u noticed that it only creates the line skip in "home" and not in "design"?

    my guess is that it has something to do with the centre column. could be that it its too "tall"..

  7. #7
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    well now I am confused I thought that the headings were the words web templates and graphics - not the home, about stuff? Buti do the thin line under home... I presume thats not supposed to be there?

    okay just looked at the text and you have this

    <h1><font color="#FFFFFF"><b>Web Templates</b></font></h1>

    try doing this in css

    h1 {font-family etc including font-weight:bold; and color:#FFFFFF}

    and then just having <h1></h1> in the main text

    you could try taking out the <div align=center> and use text-align:center; in the style for h1


    see how they work
    Last edited by Sarah; Oct 17, 2001 at 10:07.
    Regular user

  8. #8
    Bored One boredboi's Avatar
    Join Date
    Jul 2000
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes the headings are "web templates" and "graphics"..

    what i meant was that in the home-page, the "web templates" headings has a line skip, but not in the design-page.

    and the line is probably supposed to be there, as a marker..

  9. #9
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    gotcha...!

    I think that he has only applied it to that one heading anyway... the rest are FONT tags
    Regular user

  10. #10
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    only the 'web templates' heading on the index page has been changed. everything else is a bit of css and html combined, for better netscape4 support.

    once i fix all of the heading stuff and complete the site, i will go in and clean up some messy dreamweaver code that shouldn't me there (ie centering)

  11. #11
    SitePoint Wizard geiger's Avatar
    Join Date
    Jul 2001
    Posts
    2,459
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it was the margin, after all. i will redo everything soon. thanks!

  12. #12
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    looking good

    well done

    Sarah
    Regular user


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
  •