Need Help With My Css Coding

by nicolas simpson 4 replies
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.

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: 40%;
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: 20px;
}
#right-header #searchform {
margin: 0px;
padding: 0px;
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;
This is where i paced the ad in my header

<?php wp_head(); ?>

</head>
<link rel="icon" type="image/x-ico" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" />
<?php wp_head(); ?>

<body>
<div id="wrapper">
<div id="container">
<div id="header">
<div id="left-header">
<a href="http://online-career.com"><img src="http://online-career.com/wp-content/themes/zoxengen/images/logo.gif" alt="" width="300" height="110" /></a>
</div>



<div id="right-header">
<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="searchform">
<script type="text/javascript"><!--
google_ad_client = "pub-8668858284433779";
/* 728x90, text created 1/19/11 */
google_ad_slot = "2701959173";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</form>
</div>

</div>






<div id="navigation">
<div id="last-updates">
<div class="lupdate">

</div>
<div class="lsubscribes"><a href="<a href="http://online-career.com/feed/" target="_blank"><img src="http://online-career.com/wp-content/themes/zoxengen/images/rssfeeds.png" alt="" width="100" height="25" /></a>
</div>
<div style="float:right;">
<a href="http://www.facebook.com/pages/Online-Career/191249367566571" target="_blank"><img src="http://online-career.com/wp-content/themes/zoxengen/images/facebook.gif" alt="" width="100" height="28" /></a>
</div>
<div style="float:right;">
<a href="http://twitter.com/#!/online_career" target="_blank"><img src="http://online-career.com/wp-content/themes/zoxengen/images/twitter.gif" alt="" width="100" height="26" /></a>
</div>
</div>
#website design #coding #css #css errors #css help
Avatar of Unregistered
  • Profile picture of the author bhuthecoder
    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;
    {{ DiscussionBoard.errors[3912298].message }}
  • Profile picture of the author nicolas simpson
    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?
    Signature
    Discover Reggae | Dancehall [Jamaica]
    {{ DiscussionBoard.errors[3912422].message }}
    • Profile picture of the author Lloyd Buchinski
      Originally Posted by nicolas simpson View Post

      However its still yet to change in My Default browser which is Firefox.....Is this natural?
      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.
      Signature

      Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

      The KimW WSO

      {{ DiscussionBoard.errors[3917157].message }}
  • Profile picture of the author bhuthecoder
    clear cache
    {{ DiscussionBoard.errors[3912683].message }}
Avatar of Unregistered

Trending Topics