Sanj

sorted now

Hey guys, here is my site, i am using wordpress. I want the orange header to appear on top of the current one. So I need to bring down the body background. How would I do that...here is the header part of style.css. Any help would be nice, thanks. body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #333333; margin: 0px; padding: 0px; background: url(images/header-line.gif) repeat-x top; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica; } h1.title { color:#24282c; font-size:16px; border-bottom:1px solid #5b5e61; width:560px; margin-top:0; } #wrapper { width: 951px; margin: 0px auto; } #main-title { font-size: 25px; line-height: 30px; text-transform: capitalize; color: #000000; } #header { float: left; height: 43px; width: 951px; margin-bottom: 8px; } .top-header-ads { text-align: center; margin: 0px; padding: 8px 0px 0px 0px; float: left; width: 951px; } #navigation { margin: 0px; padding: 6px 0px 0px 1%; float: left; height: 37px; width: 69%; overflow: hidden; } .page_navigation { margin: 0px; padding: 0px; float: left; list-style-type: none; } .page_navigation li { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 16px; float: left; display: inline; font-size: 12px; line-height: 28px; color: #FFFFFa; font-weight: bold; font-family: Verdana, Arial, "Times New Roman", sans-serif; } .page_navigation li a { color: #FFFFFb; text-decoration: none; margin: 0px; padding: 0px 16px 0px 0px; } .page_navigation li a:hover { color: #F9f9f8; text-decoration: none; margin: 0px; padding: 0px 16px 0px 0px;

There is a theme a magazeene that may help

I can't believe nobody can help me

Hey guys, I can't get the stars to render onto my posts for some reason? I'm using the GD star rating plugin, was wondering if anyones used it before and would know how to fix this? Cheers

Back to this again. I thought it was as simple as making the thumbnails smaller but I was wrong. I want the frame where the image goes in to be smaller in height. An example is like on this site.

Yep I got that sorted. Cheers buddy

The ad comes below the banner like this. I'm assuming that's becaue I can't get it to wrap. Here's my code in header.php under <h1>. <h1 align="left"><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a> </h1> <div id="header-ad"> <script type="text/javascript" language="javascript" src= "http://www.tkqlhce.com/placeholder-4368173?target=_top&mouseover=N"></script> </div>

Ignore this...I think I just have to make the thumbnails smaller

That's my header.php.

Hey guys, I'm trying to put an advert on the header next to my logo. Everytime I insert the code where I think I should the logo moves. Any ideas in what part i enter the advert code? Site Cheers <!-- BEGIN html head --> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script> <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" /> <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie.css" /><![endif]--> </head> <!-- END html head --> <!-- Start of StatCounter Code --> <script type="text/javascript"> var sc_project=5609239; var sc_invisible=1; var sc_partition=63; var sc_click_stat=1; var sc_security="08fb401f"; </script> <script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><div class="statcounter"><a title="wordpress analytics" href="http://www.statcounter.com/wordpress.com/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/5609239/0/08fb401f/1/" alt="wordpress analytics" ></a></div></noscript> <!-- End of StatCounter Code --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-12549857-5"); pageTracker._trackPageview(); } catch(err) {}</script> <body> <!-- BEGIN wrapper --> <div id="wrapper"> <!-- BEGIN header --> <div id="header"> <!-- begin pages --> <ul> <li><a href="<?php echo get_option('home'); ?>">Home</a></li> <div align="left"> <?php dp_list_pages(); ?> </div> </ul> <!-- end pages --> <h1 align="left"><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a> </h1> </div> <!-- END header --> <!-- BEGIN body --> <div id="body"> <!-- BEGIN content --> <div id="content"> <!-- begin categories --> <ul id="categories"> <?php dp_list_categories(); ?> </ul> <!-- end categories -->

Hey guys, I want to make the frame where my content is published smaller so that when I get a visitor the website doesn't look empty. I know I gotta change something in styles.css, I've messed around as well but can't seem to figure it out. Here is styles.css coding. Any help would appreciated. Thanks * { margin: 0; padding: 0; } body { text-align: center; font: 12px Verdana; color: #e06900; background: url(images/body.gif) repeat-x 0 0; } a { text-decoration: none; color: #282828; } img { border: 0; } .break { font-size: 0; width: 0; height: 0; clear: both; } .alignleft { float: left; margin: 4px 10px 5px 0; } .alignright { float: right; margin: 4px 0 5px 10px; } .hidden { display: none; } .noimage img { display: none; } #wrapper { width: 980px; margin: auto auto; text-align: left; position: relative; } #rss { position: absolute; width: 54px; height: 69px; background: url(images/) no-repeat 0 0; top: 145px; left: 682px; } /** BEGIN header **/ #header { height: 180px; } #header ul { list-style-type: none; } #header ul li { float: left; text-transform: uppercase; font-size: 0.9em; } #header ul li a { color: #ffffff; font-weight: bold; display: block; padding: 10px 10px 11px; } #header h1 { clear: both; padding-top: 25px; background: #ba6c27; font-color: #000000 width: 1000px; height: 107px; } #header h1 a { display: block; text-indent: -9999px; background: url(images/logo.gif) no-repeat 0 0; outline: none; width: 652px; height: 200px; } /** END header **/ #body { background: url(images/wrapper.gif) repeat-y 660px 0; } /** BEGIN content **/ #content { width: 662px; float: left; } #content #categories { list-style-type: none; height: 34px; } #content #categories li { float: left; font-size: 0.9em; padding-left: 1px; background: url(images/divider.gif) no-repeat 0 center; } #content #categories li.f { padding-left: 0; background: none; } #content #categories li a { display: block; padding: 10px; } #content #categories li a:hover { } #content .post { clear: both; padding: 20px 0 30px; border-bottom: 1px solid #D4D3CF; margin: 0 20px 0 10px; } #content .post .l { float: left; width: 220px; font-size: 0.8em; color: #808080; } #content .post .l p { margin-bottom: 5px; padding: 0 10px; } #content .post .l img { margin-bottom: 10px; width: 200px; height: auto; } #content .post .l a { color: #808080; } #content .post .r { float: right; width: 392px; padding-right: 20px; } #content .post h2 { font-size: 2em; margin-bottom: 15px; } #content .post h2 a { } #content .post p { margin-bottom: 15px; line-height: 1.5em; } #content .post .r .details { padding: 1px; border: 1px solid #D4D3CF; float: left; } #content .post .r .details p { background: url(images/details_bg.gif) repeat-x 0 0; font-size: 0.8em; font-weight: bold; padding: 0 10px; margin: 0; height: 29px; } #content .post .r .details p a { display: block; float: left; padding: 7px 0 8px; margin-top: 1px; } #content .post .r .details p a.readmore { background: url(images/details_divide.gif) no-repeat right center; margin-right: 5px; padding-right: 8px; } /** END content **/ /** BEGIN sidebar **/ #sidebar { width: 318px; float: right; } #sidebar a:hover { color: #9A3316; } #sidebar #subscribe { background: url(images/navigation.gif) repeat-x 0 0; height: 34px; margin: 0 3px 10px 0; padding: 10px 0 0 88px; font-size: 0.9em; color: #6A6A6A; } #sidebar #subscribe a { font-weight: bold; color: #6A6A6A; } #sidebar #subscribe a:hover { color: #9A3316; } #sidebar #ad125x125 { text-align: center; } #sidebar #ad125x125 img { border: 0; margin: 5px; } #sidebar .box { background: url(images/horizontal.gif) repeat-x 0 bottom; margin-right: 3px; padding: 10px 15px; } #sidebar .box form { width: 283px; height: 30px; background: url(images/search.gif) no-repeat 0 0; } #sidebar .box form input { border: 1px solid #ffffff; margin: 6px; float: left; width: 207px; } #sidebar .box form button { float: left; width: 57px; height: 30px; text-indent: -9999px; border: 0; margin-left: 5px; background-color: transparent; } #sidebar .box h2 { font-size: 0.9em; text-transform: uppercase; } #sidebar .box ul { list-style-type: none; padding: 10px 0; } #sidebar .box ul li { font-size: 0.9em; padding: 5px 0; } #sidebar .l { width: 159px; float: left; padding-top: 10px; } #sidebar .l h2 { background-color: #282828; color: #ffffff; font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 10px; margin: 0 4px; } #sidebar .l ul { list-style-type: none; margin: 0 2px 10px 4px; } #sidebar .l ul li { background-color: #ffffff; padding: 8px 10px; border-width: 0 1px 1px; border-style: solid; border-color: #D4D3CF; } #sidebar .r { width: 159px; float: left; padding-top: 10px; } #sidebar .r h2 { background-color: #282828; color: #ffffff; font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding: 10px; margin: 0 8px 0 2px; } #sidebar .r ul { list-style-type: none; margin: 0 8px 10px 2px; } #sidebar .r ul li { background-color: #ffffff; padding: 8px 10px; border-width: 0 1px 1px; border-style: solid; border-color: #D4D3CF; } /** END sidebar **/ /** BEGIN footer **/ #footer { background:#ba6c27 url(images/footer.gif) repeat-x 0 0; color: #000000; clear: both; font-size: 0.8em; padding: 30px 0; } #footer div { width: 980px; margin: auto auto; text-align: left; } #footer p { margin-bottom: 10px; padding-left: 30px; } #footer a:hover { color: #ffffff; } /** END footer **/ /** BEGIN misc **/ #postnav { padding: 20px; } #content .post h3 { margin-bottom: 5px; } #content .post ul { padding-left: 15px; margin-bottom: 10px; } #content .post ul li { padding: 2px 0; } #content .post ol { padding-left: 20px; margin-bottom: 10px; } #content .post ol li { padding: 2px 0; } #content .post blockquote { padding-left: 10px; border-left: 2px solid #e0e0e0; font-style: italic; margin-left: 2px; } #comments { padding: 0 20px 10px 10px; } #comments h2 { text-transform: uppercase; font-weight: bold; font-size: 0.9em; padding-top: 25px; margin-bottom: 20px; } #comments p { margin-bottom: 10px; line-height: 1.5em; } #comments form p { margin-bottom: 5px; } .commentdetails { margin-top: 25px; } .commentauthor { margin-bottom: 5px !important; font-weight: bold; } .commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; } .required { color: #ff0000; } .sdetails { clear: both; font-size: 0.8em; padding-top: 20px; } .sdetails p { margin-bottom: 5px !important; color: #909090; } .sdetails a { color: #909090; } .sdetails a:hover { color: #282828; } /** END misc **/

Ah, I didn't notice that!

Yep that worked perfect. I forgot to take out "<?php". Thanks a lot mate.

This is the code it gave me, I took out the advert. But the footer doesn't appear.. Any coding I need to add. Sorry for pasting it all. <?php <div class="break"></div></div> <!-- END body --> <div id="rss"></div> </div> <!-- END wrapper --> <!-- BEGIN footer --> <div id="footer"><div> <p>Copyright © 2010 <?php bloginfo('name'); ?>. <?php if(is_home()) : ?><a href="" title=""></a><?php endif; ?></p> </div></div> <!-- END footer --> </body> </html> <?