Move an image down a few lines?

[soccerdude21490]

Hey everyone well I'm trying to put a banner ad in my header (not necessarily for an ad, just for me to use to put any kind of image) But it ends up looking like this...

 

http://img7.imageshack.us/img7/3382/picture3i.png (note this is a SMALL snap shot of my blog)

 

As you can see the red bar is up right under the "Ads by Google" on the silver bar. I'm looking to move the red bar a few lines down so that it's under the gray shadow of the silver bar (where the Google ads are). I haven't done much coding in PHP so I'm not sure what to put... I know in HTML you could use

but not sure what the PHP equivalent is.

 

Thanks!

[Maq]

Well, PHP will only echo out HTML to move the image.

 

Could you show us your code?

[wildteen88]

You do not use PHP to layout your webpage. This is handled by HTML/CSS you just need to echo out the relevant HTML/CSS tags/attributes to position your image.

[soccerdude21490]

This is from wordpress... I tried on their forums, and no-one seemed to know! haha so I thought about checking with you guys, but here is the code at the end of my header

 

<div id="sub-navs">

<?php
$children = wp_list_pages("title_li=&child_of=".$post->ID.
"&sort_column=menu_order&show_date=modified".
"&date_format=$date_format&echo=0");

if ($children) { ?>
<ul class="sub-nav">
<?php echo $children; ?>
</ul>
<?php }

elseif (!$children) {

echo '<ul id="adstop" class="sub-nav"><li>
<script type="text/javascript">
google_ad_client = "pub-3967730425005838";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = "728x15_0ads_al_s";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "E6E6E6";
google_color_bg = "E6E6E6";
google_color_link = "000000";
google_color_text = "333333";
google_color_url = "333333";
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br>
<br>
</li>
</ul>';


} ?>

</div>
</div>


<div id="custom-img-header"><img src="http://www.dezzain.com/testrun/wp-content/uploads/2008/09/cropped-vista-ultimate-red.jpg" alt="Dezzain Testrun" /></div>

 

the last part is large banner (which is just temporary for testing purposes)

[nucleardreamer]

This isnt a php problem, if its displaying, your php is right. I suggest you get the Web Developer toolbar for firefox, or just find what class the box is in. It looks like <ul id="adstop" class="sub-nav">, so go into the CSS (no idea where or how in wordpress) and find out why its displaying that UL that way. If this isnt the right id or class, find out which one it is and check out the CSS.

[soccerdude21490]

Alright well this is just as easy to post the website

 

www.jasongrier.net which is just a personal blog for me mostly...

 

I did find the spot you were talking about located here

 

http://jasongrier.net/wp-content/themes/zoxengen/style.css

 

and it had this listed...

 

#adstop {
padding: 6px 0px 0px;
}

.sub-nav {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
list-style-type: none;
}
.sub-nav ul {
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
}
.sub-nav li {
display: inline;
margin: 0px;
padding: 0px 0px 0px 19px;
float: left;
line-height: 25px;
}
.sub-nav li a {
color: #000000;
text-decoration: none;
}
.sub-nav li a:hover {
color: #6C2424;
text-decoration: underline;
}

 

Not sure if that helps, thanks for the help so far!!