Help with my header

iNineteen · 06-29-2011, 12:38 AM

My site www.inineteen.com as you can see in the header the banner add appears below my temp logo and i am struggling to move it to the right hand side and across the page a bit

Could anyone help

Here's what the code looks like at the moment

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<?php	if ( !is_home() ) : ?>
	<link rel="start" href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?> Home" />
<?php	endif; ?>
	<?php //comments_popup_script(); // off by default ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>
<div id="header">
<div class="ads">
		<p class="siteName">
<div id="content"><div id="outbox"><span class="siteName"><a href="http://www.inineteen.com"><img src="http://img36.imageshack.us/img36/8123/ininelogo.png" width="403" height="74" border="0" /></a></span>
  <div class="clear"></div>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7133483492018602";
/* Header */
google_ad_slot = "7875036006";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
</div></div><div class="clear"></div>

<div id="content"><div id="outbox">
		<div id="globalNavi">
			<?php if ( function_exists('wp_nav_menu') ):?>
				<?php wp_nav_menu( array( 'show_home' => 'Home','container' => 'globalNavi', 'theme_location' => 'primary') ); ?>	
			<?php else: ?>
				<?php wp_page_menu( array( 'show_home' => 'Home', 'sort_column' => 'menu_order' ) ); ?>
			<?php endif; ?>

			<?php get_search_form(); ?>
</div>
		<div class="clear"></div>

lothos · 06-29-2011, 10:13 AM

that's something you accomplish in CSS.

Your ad looks like it's in <div class="ads"> but there's no "ads" section of your css code.

take a look at using float:left; and float:right;

There are plenty of tutorials out there that give detailed examples.

iNineteen · 06-30-2011, 01:15 PM

Originally Posted by lothos

that's something you accomplish in CSS.
????: NamePros.com http://www.namepros.com/programming/720907-help-with-my-header.html

Your ad looks like it's in <div class="ads"> but there's no "ads" section of your css code.

take a look at using float:left; and float:right;

There are plenty of tutorials out there that give detailed examples.

Ahh that's where I'm going wrong thanks

lothos · 06-30-2011, 09:46 PM

Originally Posted by iNineteen

Ahh that's where I'm going wrong thanks

no problem

????: NamePros.com http://www.namepros.com/showthread.php?t=720907

Sorry I wasn't more specific, but hopefully I pointed you in the right direction.

iNineteen · 07-01-2011, 09:43 AM

Originally Posted by lothos

no problem

????: NamePros.com http://www.namepros.com/showthread.php?t=720907

Sorry I wasn't more specific, but hopefully I pointed you in the right direction.

Ok I got it to move around, even got it over to the right, but now as you can see it's behind the design and a little low

How do I get it out front? Thanks

Tork · 07-04-2011, 11:42 PM

Dont ask how I know this
style.css
line 45
change right to 250px
and add
z-index:2;
I would also add
top:8px;

if you want it more to the right then the 250 make it less, more to the center add some extra pixels ;-) good luck

06-29-2011, 10:13 AM	#2 (permalink)
lothos Senior Member Join Date: May 2009 Posts: 1,412	that's something you accomplish in CSS. Your ad looks like it's in <div class="ads"> but there's no "ads" section of your css code. take a look at using float:left; and float:right; There are plenty of tutorials out there that give detailed examples. __________________ Webmaster Coupons Coupons and discounts for hosting, domains, SSL Certs, and more! Hostgator Coupons \| Godaddy Coupons \| Namecheap Coupons \| Name.com Coupons \| DynaDot Coupons \| BigRock coupons Domain Censorship Internet censorship issues

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Micro Niche Sites - Make $10 - $10,000 a month passive income on 100% Auto-Pilot	proxified	Developers For Hire	6	08-30-2011 11:14 AM
Web 2.0 High quality Logo & Header services @ Lowest Prices..	swiss2000	Developers For Hire	20	08-29-2011 04:05 AM
The wordpress theme thread. #2	Eric	Free Resources	1624	08-14-2011 05:24 PM

07-04-2011, 11:42 PM	#6 (permalink)
Tork New Member Join Date: Jul 2011 Location: Mexico Posts: 8	Dont ask how I know this style.css line 45 change right to 250px and add z-index:2; I would also add top:8px; if you want it more to the right then the 250 make it less, more to the center add some extra pixels ;-) good luck

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)