Grow your CSS skills. Land your dream job.

[SOLVED] New to the site and new to css positioning. A little lost..

  • # October 26, 2011 at 4:03 pm

    Howdy yall. Im working on a project which requires me to make a navigational table with a drop down list (as well a table). I guess the logic is to just use some onmouseover and it should go from hidden to visible. The guestion im having is with my positioning. I cant seem to line them up correctly.
    The CSS:

    The HTML:


    Sporting News




    onmouseout="document.getElementById('nfl').style.visibility='hidden';">
    Football



    onmouseout="document.getElementById('mlb').style.visibility='hidden';">
    Basebell


    onmouseout="document.getElementById('mlb').style.visibility='hidden';">
    Basketball


    onmouseout="document.getElementById('mlb').style.visibility='hidden';">
    Hockey






    NFL.com
    ESPN

    Yahoo!Sports








    MLB
    MLB

    MLB






    NBA
    NBA

    NBA







    NHL
    NHL

    NHL





    Im sure this is something old and possibly discussed plenty long ago. Im new to this forum and cant really seem to locate anything here or google (i dont think im searching for the right thing is all).

    Thank you in advance for any help or insight you bring to me.

    EDIT: Just had to move tables inside of other tables..
    FIXED html:



    Sporting News




    onmouseout="document.getElementById('nfl').style.visibility='hidden';">
    Football






    NFL.com
    ESPN

    Yahoo!Sports



    onmouseout="document.getElementById('mlb').style.visibility='hidden';">
    Basebell








    MLB.com
    ESPN

    Yahoo!Sports


    onmouseout="document.getElementById('nba').style.visibility='hidden';">
    Basketball







    NBA.com
    ESPN

    Yahoo!Sports


    onmouseout="document.getElementById('nhl').style.visibility='hidden';">
    Hockey







    NHL.com
    ESPN

    Yahoo!Sports






Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".