Jump to content

Move an image down a few lines?


soccerdude21490

Recommended Posts

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!

Link to comment
Share on other sites

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)

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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!!

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.