Weird Problem

  • Resolved TommyBass

    (@tommybass)


    12 years, 6 months ago

    Hi,

    I have a strange problem with navigation buttons for a custom template.

    I have CSS setup so on hover of the heading the rollover image appears i have since added the wordpress image align code into my CSS

    img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

    And now my roll over images only operate on a very small part of the heading rather than just hovering over any part.

    If i remove this code from CSS, it works fine????

    Website

    Any ideas?

    Thanks

    Tom

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

  • Hi Tom,

    Try adding this:

    ‘div#navbar a { display: block; }`

    Whit

    Thread Starter TommyBass

    (@tommybass)

    Still no joy, cant work it out ??

    Thanks anyway Whit

    Hi Tom,

    Sorry about that. Add display:block; to line 141 in your style.css file, as such:

    `#navbar {
    height: 50px;
    margin: 15px auto auto;
    width: 700px;
    display: block;
    }`

    It’ll make the entire li a area clickable vs. just the very bottom as it is now.

    Whit

    Thread Starter TommyBass

    (@tommybass)

    Perfect!!!!! ??

    Many thanks Whit.

    Thread Starter TommyBass

    (@tommybass)

    Ahhhhh this hasn’t fisxed the issue, it’s strange, because it does work if while on the page i do a full refresh (ctrl F5) of the page, but if i just load the page it doesn’t work…..if that makes sense.

    Some reason after adding the wordpress code it stop’s the CSS from working on initial page load?

    HELP!!!!!

    Thanks

    Tom.

    Thread Starter TommyBass

    (@tommybass)

    Ah Ha! found out what the problem is…..It wasn’t the wordpress code after all, it’s all to do with the c-slider plugin, i have disabled the plug in and now all works perfectly.

    Tom

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Weird Problem’ is closed to new replies.