Header not positioned properly....need help!

Hi all


take a look at assetology **dot** com

why is header not sitting right?

i had logo designed...and i am putting img src code into header.php file...what am i doing wrong?.

any help?

thanks
tony

 

on your css file find .header_site_desc remove padding-top: 30px;

 

Hey Tony , to fix your problem edit your style.css and replace:

.header_site_desc {
float:left;
height:90px;
padding-top:30px;
width:400px;
}

With:

.header_site_desc {
float:left;
height:90px;
padding-top:0px;
width:400px;
}


This should be satisfactory for you Fix Posted While I Was Looking LoL

Personally I recommend installing Firebug Mozzila Addon lets you inspect and edit your stylesheets on the fly very usefull tool

 

that did it....thanks guys!....i missed that..

 

one last thing....how do i make the logo clickable?....to return visitors to home page?....

<div id="header" onclick="location.href='http://www.assetology.com/';" style="cursor: pointer;">

i add this...and it makes the whole site clickable.......what am i doing wrong?

 

<div class="header_site_desc">
<a href="http://www.assetology.com/"><img src="http://www.assetology.com/wp-content/themes/talian-10/images/logo.gif"></a>
</div>

 

geez....wasn't thinking clearly this morning...lol...thanks knutz!

 

one last thing...dont know what happened...but it seems entire site has shifted to left?...how do i center the site??

thanks
tony

 

#content_talia {
float:left;
padding-left:165px;
padding-right:10px;
position:relative;
width:900px;
}

 

ok....changed it to 60px.....165px pushed it too far to left....look ok?

tony

 

Sorry about the poor quality of response my return key is KaPuT >.< that will line it up to a point, you need to start playing with your css in real time. you need to center your whole site tbh

 

google adsense is not centered......hhmmm.....why is that?

 

what else needs to be centered?...i centered the header....what else?

 

My Personal opinion if you were to have the site centerd it would look better, it would also serve as a good learning curve for you. It might be of benifit to you to practise with your site after making a backup have you considerd installing the addon i suggested ? lets you check the things on the fly can't stress how much i use it

 

is that a firefox addon?

 

does site look centered now?

what centers the adsense?

 

If you ever want to center align an element inside the CSS e.g a DIV then just set it to
margin: 0 auto;

For example an easy way to center a whole site is to shove it all inside a wrap which is set to margin: 0px auto;

To center an Adsense block, you would have to put it inside an element of some form, whether it be a DIV, UL, or maybe even SPAN. As mentioned above you would then add margin: 0px auto; to this inside the CSS.

Also rather than:
<div class="header_site_desc">
<a href="http://www.assetology.com/"><img src="http://www.assetology.com/wp-content/themes/talian-10/images/logo.gif" class="header_site_desc>
</div>

You could delete the DIV completley and just set a class to the Image, as outlined in BOLD.. or you don't even need to give the image a class, as you could just specify it's properties by:
header_talia img { blah blah }

 

Firebug is a Mozzila Addon yes gets you edit your stylesheet on the fly as you make the changes you see them in real time lots quicker or for me anyway. Your Adsense needs to be centerd with html, i'm a begginer too so it's all good More Exp Reply Above ..^^

 

ok...i have the code added to the index.php file with <center></center> around it....but on site...its not centered......what do i need to configure in css stylesheet?....i moved #header_talia {
float: left;
width: 900px;
padding-right: 10px;
padding-left: 55px;
height: 120px;
}
#content_talia {
float: left;
width: 900px;
padding-right: 10px;
padding-left: 55px;
position: relative;
}

from 10px to 55px for left......

 

<?php get_header(); ?>
<center><script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxx";
google_ad_width = 728;
google_ad_height = 15;
google_ad_format = "728x15_0ads_al_s";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "cc0000";
google_color_text = "000000";
google_color_url = "3D81EE";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>

this is what i have in index file