Forums

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

Home Forums CSS web page creation

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #38891
    ravi_n
    Member

    Hi everybody!!!!!!!!!!!

    I have a small problem in creation of web application.my application code is as fallows.my application divided into three parts.the first part is regarding to header. The second part is regarding to the vertical tag. The third part is display the information about the vertical tags.My problem is when ever i click on the vertical tag the information regarding to the vertical tag goes to the new window. But i want to display on the third part of the web application.could u please help me(the code must be in html)

    /*html page*/

    "http://www.w3.org/TR/html4/loose.dtd">



    RaviProject










    /*css*/

    /*back ground styles*/
    BODY
    {
    margin: 0px;
    padding: 0px;
    background-color: #BBAEAE;
    font-family: Arial, Helvetica, sans-serif;
    color: #4F4938;
    }
    #main
    {
    background: #FDFCFC url(images/background.jpg) repeat-x;
    }
    #main .container
    {
    background-image: url(images/background.jpg.jpg);
    background-repeat: no-repeat;
    min-height: 50px;
    }
    /*
    Header-Styles
    */
    #header
    {
    padding-top: 0px;
    padding-bottom: 0px;
    }
    UL#menu
    {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    }
    UL#menu LI
    {
    display: inline;
    margin-right: 12px;
    }
    UL#menu LI A
    {
    text-decoration: none;
    color: #716D6A;
    font-family: "Trebuchet MS";
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 80px;
    float: left;
    margin: 10px;
    text-align: center;
    background-color: #E8EAEC;
    }
    UL#menu LI A:hover
    {
    background-color: #758FAF;
    }
    UL#menu LI A.active, UL#menu LI A:hover
    {
    color: #000000;
    }
    #box
    {
    padding-top: 0px;
    padding-bottom: 0px;
    }
    UL#menu1
    {
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    }
    UL#menu1 LI
    {
    display: inherit;
    margin: 12px;
    }
    UL#menu1 LI A
    {
    text-decoration: none;
    color: #716D6A;
    font-family: cursive;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100px;
    float: left;
    margin: 10px 0px;
    text-align: left;
    background-color: #B0948A;
    }
    UL#menu1 LI A:hover
    {
    background-color: inherit;
    }
    UL#menu1 LI A.active, UL#menu1 LI A:hover
    {
    color: #000000;
    }
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.