CSS help

  • Resolved traceable

    (@traceable)


    13 years ago

    https://ilovethefarmhouse.com/menu/
    (Note: This site is a redesign that has not been launched yet so the index.html file of the old site will open when you click any link to “home”.)

    I’ve set up a child theme of the Twenty-Eleven theme. I am not using the theme’s navigation bar. I am “trying” to make mine work with css. I have background image and then used css to create the links.

    I’m having trouble getting my navigation to work in these browsers (latest versions): IE, FF, Chrome, & Opera. At this point, it doesn’t work in IE9. When you mouse over any of the nav buttons, they all go to the home page.

    CSS is not my strong suit. By far. I tweaked the positioning, etc. but I’m stuck. Advise appreciated!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter traceable

    (@traceable)

    Should have said:
    I’m having trouble getting my navigation to work in IE9 but it works in the other browsers I’ve tested it in: (latest versions of) FF, Chrome, & Opera.

    randomfrequency

    (@randomfrequency)

    mornin traceable,

    I am familiar with your theme. I even recently found a bug yesterday. Anyways, you should be careful on editing your web pages. The WP CMS is best edited via the admin panel. Appearance, Menu from the dashboard should show your child theme. If you login to WP and do not find your child theme showing up as a menu option … something is missing. I+We all tend to click on all pages and edit the links of new articles with titles.

    If you want to edit the pages via an HTML editor…WordPress is not designed this way, per say. In your case, you are converting a website from old to the new WP. To add a new page to the new WP Contents, Login, find pages and click on add new.
    Next you wanna make sure click on the HTML tag , upper left, and insert your HTML inside the dialog box. Here is where you manage menu headings and menu links.

    Technical Note: WP uses functions to load its’ documents in PHP and it looks like… twentyeleven_content_nav( ‘nav-below’ );

    I noticed also you were working with images and mouse over. I found a link that may help ya out and here is the code…

    ‘
    <IMG src=”before.gif” onmouseover=”this.src = ‘after.gif’;”>
    ‘

    https://msdn.microsoft.com/library/ms533038.aspx

    These Dynamic Links are best when using images.

    CSS uses anchor:link anchor:visited anchor:hover to change background images but I have not seen it work utilizing “CSS”. “Image rollovers” works utilizing Javascript! Psst… don’t tell anyone …its top secret… ??

    anyways gl

    Michael

    (@alchymyth)

    possibly a z-index problem – the main header image link seems to cover the menu buttons.

    not a WordPress problem.

    Thread Starter traceable

    (@traceable)

    Tested and found to be true that this is not a WordPress problem. Thanks.

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

Tags