help with some CSS problem

  • hey my site is https://www.hoopislife.com
    i put my links across the bar on the top of the site – on the header. the links are CSS styled with the header a- which includes the top background image – so that its like in the CSS file
    header{
    }
    header a{
    }
    etc – so those links are in the header class. Now i want to make those bars between the links NOT A LINK. but when i do this they jump up to the top of the page. i can’t seem to make them line up correctly if i dont make them links as well. right now they just link to =”#” – so it doesn’t do anything, but i want to
    A) – make them not links
    B) make them black
    anyone know how this can be done ?
    thanks!!

Viewing 3 replies - 1 through 3 (of 3 total)

  • you can get rid of the href="#" part at least, they’ll only be anchors then, though still using the a tag. If you apply a class="bar" and define it as #header .bar {color: #000;} then that should give you what you want. Without playing with it I’m not sure why it would do what you are describing, but try that out.

    Backup first. I might be missing a step or two
    1. Delete all href tags from te bars
    2. Delete this section from css file
    #header a {...}
    3. Replace with the following
    h1#header {
    text-decoration: none;
    padding-top: 133px;
    text-align: center;
    font-family: verdana, arial, helvetica, geneva, sans-serif;
    }
    4. Replace #header with this one
    #header {
    background: url(https://www.hoopislife.com/wp-style/humancondition/images/header.gif) no-repeat;
    height: 21px;
    width: 747px;
    margin: 0 auto;
    font-size: .8em;
    color: silver;
    }

    Thread Starter maestro42

    (@maestro42)

    awesome guys – that worked – thank you guys so much!!! awesome

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘help with some CSS problem’ is closed to new replies.