1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

problems with buttons

Discussion in 'Web Design & Development' started by zombienation, Dec 13, 2011.

Thread Status:
Not open for further replies.
  1. zombienation

    zombienation Thread Starter

    Joined:
    Aug 6, 2003
    Messages:
    337
    I have posted this questioned because i can not find the right font
    when going from homepage which is the right font the one that i want.
    then from about to cont they appear wrong look and see for yourself
    i have included 5 pics of all menu the .css
     

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      20.3 KB
      Views:
      22
    • 2.jpg
      2.jpg
      File size:
      25.8 KB
      Views:
      47
    • 3.jpg
      3.jpg
      File size:
      25.6 KB
      Views:
      25
    • 4.jpg
      4.jpg
      File size:
      26.8 KB
      Views:
      19
    • 5.jpg
      5.jpg
      File size:
      19.6 KB
      Views:
      17
  2. zombienation

    zombienation Thread Starter

    Joined:
    Aug 6, 2003
    Messages:
    337
    @charset "UTF-8";

    body{
    line-height:19px;
    color:#333;
    background-image:url(../images/bg-lightgrey.jpg);
    }

    button:active, button:focus {outline:0;}
    img:active, img:focus {outline:0;}
    :active, :focus {outline:0;}

    h1{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    font-style:bold;
    color:#60BEAE;
    font-size:22px;
    }
    h2{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    font-style:bold;
    color:#60BEAE;
    margin-bottom:10px;
    }
    h3{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    text-transform:uppercase;
    font-size:12px;
    border-bottom:1px dashed #999;
    padding-bottom:5px;
    color:#999;
    }
    h4{
    color:#DDD;
    margin-bottom:10px;
    font-size:14px;
    }
    h5{
    color:#444;
    font-weight:normal;
    font-size:16px;
    }
    p{
    font-size:12px;
    }
    ul{
    margin-left:0px;
    list-style-type:none;
    }
    ul li{
    }
    img{
    vertical-align:middle;
    }
    .clear{
    clear:both;
    }
    .grey{
    background-color:#EEEEEE;
    }
    a{
    text-decoration:none;
    }

    /* ----------------
    TOP LINE
    ---------------- */

    #topLine{
    width:100%;
    padding-top:4px;
    height:26px;
    background-image:url(../images/bg_top.jpg);
    background-repeat:repeat-x;
    text-align:center;
    }
    #selector li{
    display:inline;
    padding-left:7px;
    padding-right:10px;
    border-right:1px dotted #FFF;
    font-size:12px;
    color:#EEEEEE;
    }
    #selector li a:link, #selector li a:visited{
    color:#999;
    font-size:12px;
    font-style:bold;
    text-decoration:none;
    }
    #selector li a:hover{
    color:#EEEEEE;
    font-size:12px;
    font-style:bold;
    text-decoration:none;
    }
    #selector li.selectorHead{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#EEEEEE;
    }
    #sel2{
    margin-left:200px;
    }
    #selector li a.selOver{
    color:#60BEAE;
    font-weight:bold;
    }

    /* ----------------
    WRAPPER
    ---------------- */

    #wrapper{
    width:1000px;
    padding:59px;
    padding-top:40px;
    padding-bottom:0px;
    margin:0 auto;
    background-image:url(../images/bg_wrapper.png);
    background-repeat:repeat-y;
    }

    /* ----------------
    HEADER
    ---------------- */

    #logo{
    /*margin-left:-70px;*/
    text-align:left;
    margin-bottom:30px;
    }

    /* ----------------
    NAVIGATION
    ---------------- */

    #navigation{
    margin-left:-30px;
    background-color:#F6F6F6;
    width:1060px;
    padding-right:0px;
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
    }
    #nav li{
    font-family:Georgia, "Times New Roman", Times, serif;
    display:block;
    float:left;
    list-style-type:none;
    padding-bottom:12px;
    width:181px;
    border-right:1px dotted #333;
    font-weight:bold;
    text-align:center;
    padding: 15px;
    }
    #nav a:link, #nav a:visited{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:16px;
    color:#60BEAE;
    text-decoration:none;
    }
    #nav li.navOver{
    background-color:#DDD;
    }
    .subNav{
    font-size:10px;
    color:#333;
    font-style:bold;
    }
    #searchBar{
    padding-top:15px;
    text-align:right;
    }
    #searchInput{
    padding:8px;
    height:10px;
    font-size:11px;
    border:1px dotted #666;
    width:220px;
    }
    #searchSubmit{
    margin-bottom:-11px;
    }
    .inputActive{
    background-color:#FFC;
    }


    /* ----------------
    GENERAL CONTENT
    ---------------- */

    #rags{
    margin-left:-50px;
    background-color:#EEE;
    background-image:url(../images/rags/bg.png);
    border-bottom:1px dotted #333;
    }
    #strip{
    padding:20px;
    padding-top:25px;
    border-top:1px dotted #CCC;
    border-bottom:1px dotted #CCC;
    margin-top:45px;
    text-align:center;
    }
    #sectionStrip{
    padding:20px;
    padding-top:25px;
    border-top:1px dotted #CCC;
    border-bottom:1px dotted #CCC;
    margin-top:45px;
    }
    #sectionStrip p{
    margin-top:15px;
    font-style:bold;
    color:#60beae;
    font-family:Georgia, "Times New Roman", Times, serif;
    }
    .date{
    color:#CCC;
    margin-bottom:5px;
    }
    .goTo{
    padding:5px;
    border-top:1px solid #CCC;
    margin-top:10px;
    text-align:right;
    }
    .goTo a:link, .goTo a:visited{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    font-style:bold;
    color:#60BEAE;
    text-decoration:none;
    }
    .goTo a:hover{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    font-style:bold;
    color:#60BEAE;
    text-decoration:underline;
    }


    /* ----------------
    HOME PAGE
    ---------------- */

    .readMore{
    padding:5px;
    padding-left:15px;
    border:1px solid #CCC;
    border-radius:7px;
    margin-top:10px;
    }
    .readMore a{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    font-style:bold;
    color:#60BEAE;
    text-decoration:none;
    }
    #box1,#box2,#box3{

    }
    .box{
    width:1000px;
    float:left;
    margin-top:40px;
    }
    .boxImage{
    margin-bottom:15px;
    padding:10px;
    border:1px solid #DDD;
    }
    #moreContent{
    background-color:#1a1a1a;
    margin-left:-50px;
    width:1100px;
    margin-top:40px;
    }
    #mcTitle{
    cursor:pointer;
    padding:50px;
    padding-top:15px;
    padding-bottom:15px;
    background-image:url(../images/icons/more.png);
    background-repeat:no-repeat;
    background-position:96% 50%;
    border-bottom:3px solid #222222;
    }
    #mcText{
    padding:50px;
    padding-top:20px;
    padding-bottom:30px;
    border-bottom:3px solid #222222;
    }
    #mcText p{
    color:#666;
    }
    .mcPic{
    margin-right:15px;
    padding:5px;
    background-color:#333;
    }
    .mcDate{
    margin-top:18px;
    font-style:bold;
    }

    /* ----------------
    FOOTER
    ---------------- */

    #footer{
    width:1000px;
    padding:59px;
    padding-top:20px;
    padding-bottom:20px;
    margin:0 auto;
    background-image:url(../images/bg_footer.png);
    background-repeat:repeat-y;
    }
    .contacts{
    float:left;
    width:250px;
    }
    .contactsItems li{
    line-height:30px;
    border-bottom:1px dashed #222;
    font-size:12px;
    color:#666;
    }
    .links{
    float:left;
    width:750px;
    }
    .linksItems li{
    line-height:30px;
    border-bottom:1px dashed #222;
    margin-right:50px;
    font-size:12px;
    color:#666;
    }
    .linksItems li a:link, .linksItems li a:visited{
    color:#333;
    text-decoration:none;
    font-size:12px;
    margin-left:0px;
    }
    .linksItems li a:hover{
    color:#999;
    text-decoration:none;
    font-size:12px;
    margin-left:5px;
    }
    #copyright{
    width:1000px;
    padding:59px;
    padding-top:20px;
    margin:0 auto;
    background-image:url(../images/bg_copy.png);
    background-repeat:no-repeat;
    background-position:top;
    }
    #copyright p{
    float:none;
    text-align: left;
    }
    #social{
    float:right;
    }
    #social img{
    float:right;
    margin-left:10px;
    }

    /* ----------------
    ABOUT
    ---------------- */

    #about{
    float:left;
    width:980px;
    margin-top:40px;
    margin-bottom:40px;
    }
    .aboutImg{
    float:left;
    padding:10px;
    border:2px dotted #DDD;
    margin-bottom:15px;
    }
    .signature{
    background-color:#EFF8F7;
    border:1px dotted #60BEAE;
    padding:15px;
    margin-top:20px;
    margin-right:20px;
    width:180px;
    float:left;
    color:#999;
    font-style:bold;
    }
    .sig{
    float:right;
    font-style:normal;
    font-weight:bold;
    }
    .aboutList{
    margin-top:20px;
    margin-bottom:40px;
    padding-left:30px;
    }
    .aboutList li{
    line-height:35px;
    border-bottom:1px dashed #CCC;
    font-size:12px;
    color:#666;
    list-style-position:inside;
    }

    /* ----------------
    PORTFOLIO
    ---------------- */

    .por1,.por2,.por3,.por5,.por6,.por7{
    margin-right:37px;
    }
    .por5{
    clear:both;
    }
    .boxPortfolio{
    width:200px;
    float:left;
    margin-top:40px;
    padding:10px;
    border:1px solid #DDD;
    height:160px;
    }
    .boxPortfolioImage{
    margin-bottom:15px;
    }
    #tabs{
    width:1000px;
    }
    .panelTabs{
    border:1px solid #CCC;
    margin-top:10px;
    float:right;
    margin-left:5px;
    margin-top:20px;
    margin-bottom:40px;
    text-align:center;
    padding:4px;
    width:14px;
    }
    .panelTabs a{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    color:#60BEAE;
    text-decoration:none;
    font-weight:bold;
    }

    /* ----------------
    BLOG
    ---------------- */

    #blogPosts{
    float:none;
    width:500px;
    margin-top:40px;
    }
    .boxBlog{
    float:inherit;
    margin-bottom:0px;
    padding:0px;
    /* [disabled]border:0px solid #DDD; */
    }
    .boxBlogImage{
    float:left;
    margin-right:15px;
    }
    .blogRef{
    margin-bottom:15px;
    }
    .comments{
    float:left;
    }
    .leaveComment{
    float:right;
    }

    /* ----------------
    SIDEBAR
    ---------------- */

    .sidebar{
    float:right;
    width:250px;
    margin-top:00px;
    }
    .sort{
    margin-bottom:40px;
    }
    .sortLinks li{
    line-height:30px;
    border-bottom:1px dashed #CCC;
    }
    .sortLinks li a:link, .sortLinks li a:visited{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    font-style:bold;
    color:#60BEAE;
    text-decoration:none;
    }
    .sortLinks li a:hover{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:11px;
    font-style:bold;
    color:#60BEAE;
    text-decoration:underline;
    }

    /* ----------------
    CONTACT
    ---------------- */

    #contactForm{
    margin-top:40px;
    margin-bottom:40px;
    float:left;
    width:700px;
    }
    #form1{
    margin-top:30px;
    }
    .lbl{
    font-size:12px;
    font-weight:normal;
    color:#3c3c3c;
    }
    #form1 input{
    border:1px solid #796964;
    padding:7px;
    font-size:11px;
    width:300px;
    margin-top:3px;
    }
    #form1 textarea{
    border:1px solid #796964;
    padding:7px;
    font-size:11px;
    width:500px;
    height:150px;
    margin-top:3px;
    font-family:Georgia, "Times New Roman", Times, serif;
    }
    #form1 input#send{
    border:none;
    background-color:#796964;
    padding:10px;
    color:#FFFFFF;
    cursor:pointer;
    }
    #zoom{
    margin-top:15px;
    margin-bottom:10px;
    height:342px;
    width:250px;
    }
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1031028

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice