Need Help With My Css Coding

by 4 replies
5
I would like to place a google ad to the right of my site's logo.
I was able to get it in the header by puting the ad code where my search form code was on the site. However i am unable to fit it in the spot where i want it. Right now its over-lapping other contents on my site.

Please can anyone help me fix this problem?

My site is in my signature.

Here is the part of my css code that i think needs to be altered.

This is where i paced the ad in my header

#website design #coding #css #css errors #css help
  • replace the css with the below css
    note:first backup before replacing
    after that check the site in diff type of browsers if any error reply


    Code:
    Theme Name: Zoxengen
    Theme Date: 16042008
    Theme URI: Dezzain Studio - WordPress, WordPress MU, BBpress and BuddyPress - Designer, Developer and Coder
    Description: Unique customize technology software wordPress theme with featured gallery and featured videos.
    Author: Richie K
    Author URI: Dezzain Studio - WordPress, WordPress MU, BBpress and BuddyPress - Designer, Developer and Coder
    Tags: red, custom theme option, fixed width, three columns, widgets, featured videos, featured smooth articles
    
    */
    
    body {
    font-size: 100%;
    color: #131313;
    margin: 0px;
    padding: 0px;
    background: url(images/deck.png) repeat-x top;
    }
    .post-content object {
    margin: 0px 0px 5px;
    padding: 0px;
    height: 380px;
    width: 480px;
    }
    .post-content embed {
    margin: 0px 0px 5px;
    padding: 0px;
    height: 380px;
    width: 480px;
    }
    
    #wrapper {
    width: 970px;
    margin: 0px auto;
    }
    #header {
    float: left;
    height: 90px;
    width: 100%;
    }
    #header img {
    border-width: 0px;
    }
    #header #left-header {
    float: left;
    width:238px;
    padding-top: 6px;
    }
    #header h1 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    font-size: 28px;
    color: #000000;
    line-height: 30px;
    }
    #header p {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    color: #666666;
    }
    #header a {
    color: #6E2828;
    text-decoration: none;
    }
    #header a:hover {
    color: #000000;
    text-decoration: none;
    }
    #right-header {
    margin: 0px;
    float: right;
    padding-top: 5px;
    width: 730px;
    }
    #right-header #searchform {
    margin: 0px;
    padding-left:64px;
    float: left;
    }
    #right-header #searchform p {
    margin: 0px;
    padding: 0px;
    float: left;
    }
    #searchform .intext {
    padding: 5px 1px 5px 3px;
    float: left;
    width: 250px;
    border-top: 1px solid #666666;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #666666;
    margin-top: 2px;
    margin-right: 5px;
    }
    #searchform .inbutton {
    margin: 0px;
    padding: 0px;
    float: left;
    }
    #navigation {
    float: left;
    width: 100%;
    padding-top: 10px;
    }
    #last-updates {
    float: left;
    height: 25px;
    font-size: 1em;
    width: 100%;
    line-height: 25px;
    color: #666666;
    }
    #last-updates a {
    color: #000000;
    text-decoration: none;
    }
    #last-updates a:hover {
    color: #660000;
    text-decoration: underline;
    }
    #last-updates .lupdate {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 30%;
    height: 25px;
    line-height: 25px;
    color: #000000;
    }
    #last-updates .lsubscribes {
    margin: 0px;
    padding: 0px 0px 0px 16px;
    float: right;
    height: 25px;
    background: url(images/rss-feeds.png) no-repeat left center;
    font-weight: bold;
    color: #000000;
    width: 240px;
    • [ 1 ] Thanks
  • Hey Thank You Very Much......It works ok in IE and Chrome....However its still yet to change in My Default browser which is Firefox.....Is this natural?
    • [1] reply
    • No it is not natural, and it is a special pain in the neck with Firefox. Pressing ctrl + f5 when you are on your page will usually force it to reload a css file but not always.

      If that doesn't work, click on history > show all history, then find your site in history, right click on it, and select 'forget about this site.' It can take a few seconds for it to complete the forget, so don't close that little window too soon.

      Firefox just does not like to reload css files.
  • clear cache

Next Topics on Trending Feed

  • 5

    I would like to place a google ad to the right of my site's logo. I was able to get it in the header by puting the ad code where my search form code was on the site. However i am unable to fit it in the spot where i want it. Right now its over-lapping other contents on my site.