Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS vertical menu technique

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #37944
    Flybert
    Member

    here’s a method for a side menu that you need to constrict within a div, table or td

    a.vmenu:link /*side menu*/
    {
    display:block;
    color:#fff;
    background-color:#112288;
    width:176px;
    text-align:left;
    padding:4px;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    font-weight:bold;
    margin:0;
    }
    a.vmenu:visited /*side menu*/
    {
    display:block;
    color:#fefefe;
    background-color:#112288;
    width:176px;
    text-align:left;
    padding:4px;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    font-weight:bold;
    margin:0;
    }
    a.vmenu:hover /*side menu*/
    {
    display:block;
    color:#fff;
    background-color:#228822;
    width:176px;
    text-align:left;
    padding:4px;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    font-weight:bold;
    margin:0;
    }
    a.vmenu:active /*side menu*/
    {
    display:block;
    color:#fff;
    background-color:#112288;
    width:176px;
    text-align:left;
    padding:4px;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    font-weight:bold;
    margin:0
    }

    here’s where it is used http://www.advancedcomputerresources.com so you can see the html
    excuse the use of tables there .. I was an HTML table master and am now converting sites to div tags

    also used horizontal line to separate the display blocks with good effect

    hr.one
    {
    float:center;
    width:184px;
    height:5px;
    margin:0px;
    padding:0px;
    border-width:0;
    color:#4477cc;
    background-color:#4477cc;
    }

    #102366
    Allen Lawson
    Participant

    So you don’t actually have a question? You just wanted some personal advertisement, eh?

    #102368
    Flybert
    Member

    sorry .. I thought I could contribute and perhaps others with more experience would comment .. didn’t realize this was a forum just to ask questions … no intention to advertise ..

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.