Need Help With My Css Coding

by nicolas simpson

Posted: 13 years ago 4 replies

WEB DESIGN

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">
</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>

#coding #css #css errors #css help

bhuthecoder

13 years ago

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

{{ DiscussionBoard.errors[3912298].message }}

nicolas simpson 13 years ago

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?
- Thanks
- 1 reply
Signature

Discover Reggae | Dancehall [Jamaica]
{{ DiscussionBoard.errors[3912422].message }}
- Lloyd Buchinski 13 years ago
  
  Originally Posted by nicolas simpson
  
  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.
  
  Thanks
  
  Signature
  
  Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat
  
  The KimW WSO
  
  {{ DiscussionBoard.errors[3917157].message }}
bhuthecoder 13 years ago

clear cache
- Thanks
{{ DiscussionBoard.errors[3912683].message }}

Need Help With My Css Coding

Trending Topics

Been a while! Any of you Old Timers here?

How much does the rebranding affect CR ?

Are billboards still effective in driving customers?

Boat and Jet Ski Rentals...... Door Hangers Effective?

A Very Strange Internet Problem