Vertical Menu Display

Discussion in 'CSS' started by Earl Sargent, Nov 21, 2013.

  1. #1
    Hey guys, I'm having trouble with creating a vertical menu on my Wordpress homepage site. The menu is currently horizontal across the top of the page. I would like it to be vertical, Sort of like a table, but with the menu options centered and the font bigger. I will provide the css code for the website in an attachment. The url of the site is importtheater.com if you would like to look at the current menu. Thanks.
     

    Attached Files:

    • css.txt
      File size:
      18.7 KB
      Views:
      177
    Solved! View solution.
    Earl Sargent, Nov 21, 2013 IP
  2. Marvin Hand

    Marvin Hand Greenhorn

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #2
    This should help: http://www.w3schools.com/tags/tag_table.asp
     
    Marvin Hand, Nov 28, 2013 IP
  3. sarahk

    sarahk iTamer Staff

    Messages:
    28,792
    Likes Received:
    4,529
    Best Answers:
    123
    Trophy Points:
    665
    #3
    Never put menus into tables - that used to work but isn't the way things are done anymore.

    Use an unordered list and css to style it. There are lots of tutorials and examples online - check out alistapart for good examples.

    Is your problem more that you don't know how to place the menu on your site?
     
    sarahk, Nov 28, 2013 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Also, CSS without the markup it's applied to is gibberish.
     
    deathshadow, Nov 29, 2013 IP
  5. Earl Sargent

    Earl Sargent Greenhorn

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #5
    When you say the markup, do you mean the PHP files or HTML files?
     
    Earl Sargent, Nov 30, 2013 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    Think about it... HTML, Hypertext Markup Language...

    ... though since the entire point of PHP is to output HTML...
     
    deathshadow, Dec 1, 2013 IP
  7. Earl Sargent

    Earl Sargent Greenhorn

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #7
    Thats what I though, but it's Wordpress, I only have access to the PHP files. Unless you know of a way to access HTML through Wordpress PHP files.
     
    Earl Sargent, Dec 1, 2013 IP
  8. sarahk

    sarahk iTamer Staff

    Messages:
    28,792
    Likes Received:
    4,529
    Best Answers:
    123
    Trophy Points:
    665
    #8
    The output of PHP files is html
     
    sarahk, Dec 1, 2013 IP
  9. #9
    Most browsers, "view source"?

    Though being turdpress it's going to be so knee deep in asshat unnecessary code-bloat like excess DIV for nothing, classes for nothing TITLE for nothing, scripting for nothing, that finding what your CSS is targeting is gonna be a PITA.

    Though if we could get a link to a live copy of the site, tools like firebug or dragonfly could be used to wade through the turdpress BS.
     
    deathshadow, Dec 1, 2013 IP
  10. Earl Sargent

    Earl Sargent Greenhorn

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #10
    Firebug is BEAUTIFUL! I've figured it out. Thanks everyone and deathshadow for the recommendation.
     
    Earl Sargent, Dec 1, 2013 IP