Hyperlinks are 'numb' in sidebars (FF/Moz only!) (2 posts)

  1. jojo0507
    Posted 8 years ago #

    I am trying to develop a new WP theme for my new blog. I am new to CSS/HTML/WP but have IT experience in other areas, so I thought I'd be able to get my head around it.. So far the theme development is going slowly but well.

    However something just happened that I really don't know how to solve. I have to ask for help from somebody who knows CSS better than me!

    Some background info:
    The site is http://www.vikingprincess.net

    *I want to have a 3-column theme which is focussed towards the left side of the screen.
    *I want the middle-column to be re-sizable (e.g. can be made slimmer if the user reduces the browser window width)
    *I DON'T want the right hand side bar to extend all the way out to the right of the browser window.
    It took me a while to work out a way to achieve this!

    What really made a difference was putting the page content (left&right sidebars + posts) in a 'container' that was about 100 pixel wide. I made a div class called 'content_container' in sidebar.php. Both sidebars are inside the container. This way I can use the container in style.css and right-aligned the right hand column without it going all the way to the right. (see site layout)

    I was pleased with this change, but after a while I noticed that the hyperlinks in the sidebars had gone 'numb' in Firefox and Seamonkey. They have the colours that I specified for links, but nothing happens when I click on them. The hyperlinks in the posts still work fine.

    IE6 and Opera do not display this problem, only Firefox and Seamonkey! That's a change!! The corredct behaviour is probably for the links NOT to work.. :-)

    Getting rid of the 'container' gets rid of the problem. However I am unwilling to drop my 'container' since it helps me achieve the exact layout that I want!

    I played around a bit and it is clear that it is the content_container div that is the culprit. After setting it up in sidebar.php, I then apply it in style.css.

    Hope I am making sense!

    Does anybody have any idea 1) why the hyperlinks have gone funny and 2) How I can fix them without losing the layout that I want..?

    All the best

  2. ladydelaluna
    Posted 8 years ago #

    The hyperlinks are working fine for me in firefox, however the individual post pages (usually single.php) and your about page (page.php or about.php) are borked... the sidebars aren't lining up and there is some other alignment issues (likely related to a different div id for the content?).

    You've got some validation errors - try fixing these first, and see what happens with alignment and everything... then come back here if you still need help.




    Also - your permalink settings look a little off - what have you got them set to right now? (Options->Permalinks)

Topic Closed

This topic has been closed to new replies.

About this Topic