help with css

Discussion in 'CSS' started by kurlylox, Nov 25, 2006.

  1. #1

    Can someone tell me what is wrong with this css
    It seems to validate, but the buttons on my page look horrible in IE7
    what can I do to make them look better

    here is the style sheet (sorry if its not very good, I am new at syle sheets)




    BODY {
    background-image: url('images/naturebg.jpg');
    background-repeat: repeat;
    }

    h1 {
    color : #7300E6;
    font-size : 32pt;
    font-family: cursive;
    background-color: transparent;

    }

    h2 {
    color : navy;
    font-size : 20pt;
    background-color: transparent;
    }

    h3 {
    color : #7300E6;
    font-size : 18pt;
    font-family: cursive;
    background-color: transparent;

    }

    h4 {
    color : blue;
    font-size : 16pt;
    background-color: transparent;
    }

    h5{
    color : #7300E6;
    font-size : 8pt;
    font-family: cursive;
    font-weight: bold;
    background-color: transparent;
    }



    .container{

    width:5px;
    }

    .table_cell {
    text-align: left;
    font-size: 0.8em;
    font-family: verdana, arial, sans-serif;
    color:#7300E6;
    position: relative;
    top: 3px;
    width: 600px;
    line-height: 0.8em;
    background-color: transparent;
    }


    p.special_letter:first-letter {
    font-family: arial,sans-serif;
    font-size: 125%;
    font-style: italic;
    color: navy;
    float:left;
    background-color: transparent;

    }


    a:link {
    color : green;
    background-color: transparent;
    }

    a:visited {
    color : navy; text-decoration: none;
    background-color: transparent;
    }

    a:hover {
    color : black;
    background-color: transparent;
    }

    a:active {
    color : blue;
    background-color: transparent;
    }


    div.menubar{
    vertical-align: top;
    color :#99CCFF;
    width :100%;
    padding :5px;
    }

    a.menu {

    width :120px;
    text-align : center;
    font-family: cursive;
    font-style : normal ;
    font-size : 12pt;
    font-weight :bold;
    color :#663399;
    text-decoration : none;
    background-color :#BDB5FF ;
    padding :3px;
    border-style : outset ;border-color :#CCCCFF ;border-width : medium
    }

    a.menu:hover{
    color :aqua;
    background-color :#660099;
    border-style :inset ;border-color :#BDB5FF ;border-width :medium
    }





    and here is the website , the buttons are near the bottom of the page


    http://www.kurlylox.com/


     
    kurlylox, Nov 25, 2006 IP
  2. farreroutceo

    farreroutceo Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    have you thought about putting the links into a list using <li> and nesting the link inside? (<li><a href="yourpage.html">Your Page</a></li>)
     
    farreroutceo, Nov 27, 2006 IP