www.webdeveloper.com
Results 1 to 2 of 2

Thread: code check

  1. #1
    Join Date
    Jul 2003
    Location
    UK
    Posts
    441

    code check

    i have been working on this for a day now (about 2 hours).

    it is a simple layout like the one used at www.simplebits.com.

    i just want to know if i can imporve this and any pointers anyone may have.

    PHP Code:
    /* ----------( text )---------- */
    .hide{
        
    displaynone;
    }

    a:link {
        
    color#969;
        
    text-decoration:none;
    }

    a:visited {
        
    color#969;
        
    text-decoration:none;
    }

    a:hover {
        
    color#000;
        
    text-decoration:none;
    }

    p{
        
    font-size:0.75em;
        
    font-familyArialHelveticasans-serif;
        
    color#333;
    }


    /*----------( body layout )----------*/

    /*Opera*/
    html>body{
        
    margin-top:-9px;


    body{
        
    text-align:center;
        
    margin:0px;
        
    background-color:#ccc;
        
    background-image:url(bg1.png);
        
    background-repeat:repeat-y;
        
    background-position:center;
        
    padding-left:1px;
        
    voice-family"\"}\"";
        
    voice-familyinherit;
    }

    /*Opera*/
    html>body#contrainer{
        
    width:682px;


    div#contrainer{
        
    margin:auto;
        
    width:682px;
        
    voice-family"\"}\"";
        
    voice-familyinherit;
    }

    /*Opera*/
    html>body#header{
          
    width682px;
    }
     
    div#header{
        
    margin:auto;
        
    width:682px;
        
    height:100px;
        
    voice-family"\"}\"";
        
    voice-familyinherit;
        
    background-color:#999999;
    }

    /*Opera*/
    html>body #nav{
          
    width682px;


    div#nav{
        
    margin:auto;
        
    width:682px;
        
    height:23px;
        
    voice-family"\"}\"";
        
    voice-familyinherit;
        
    background-image:url(nav.png);
        
    background-repeat:repeat-x;
    }

    div#nav a:link, div#nav a:visited{
        
    line-height:23px;
        
    font-weight:bold;
        
    margin:0px 8px 4px 8px;
        
    text-decorationnone;
        
    color#fcecf8;
        
    font-size:0.75em;
        
    font-familyArialHelveticasans-serif;
    }

    div#nav a.active:link, div#nav a.active:visited, div#nav a:hover{
        
    border-bottom4px solid #fff;
        
    color#FCECF8;
    }

    div#navfloat{
        
    padding-left:10px;
        
    float:left
    }

    /*----------( date )----------*/
    span#date{
        
    float:right;
        
    font-size:0.60em;
        
    font-familyArialHelveticasans-serif;
        
    color#FCECF8;
        
    margin-top:4px;
        
    margin-right:20px;
    }

    /*----------( main content area )----------*/
    div#content{
        
    margin0px 220px 20px 20px;
        
    padding-top0px;
        
    text-alignjustify;


  2. #2
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    For your a tags you could use:
    PHP Code:
    {
        
    color#969;
        
    text-decoration:none;
    }
    a:hover {
        
    color#000;
        
    text-decoration:none;

    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles