problem with code on site [Archive]

alman121

07-02-2010, 08:41 PM

Whan you open my site you will see my problem
https://www.arabic-alphabet.info/
I want that yellow tape overlap, but since I put the logo and ads they are divided, what should I do to strip overlap? this is logo code: thanks!

<?php thematic_create_doctype(); echo " "; language_attributes(); echo ">\n";?>
<head profile="http://gmpg.org/xfn/11">
<link rel="icon" href="http://media-content.flixya.com.s3.amazonaws.com/files/alman1396530.jpg?AWSAccessKeyId=1TKE66PETJJHG8051M02&Expires=2141553142&Signature=mptvwcOR7DBVkIbnJXyGT%2B3GACw%3D" type="image/gif" >
<?php

thematic_doctitle();
thematic_create_contenttype();
thematic_show_description();
thematic_show_robots();
thematic_canonical_url();
thematic_create_stylesheet();
thematic_show_rss();
thematic_show_commentsrss();
thematic_show_pingback();
thematic_show_commentreply();

wp_head(); ?>

<?php if(is_home()){?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/library/styles/featuredslider.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
$('#top-s').val('Type text to search').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val('Type text to search'); });
$('#searchform').parent().parent().addClass('search-fix');
$('.widget-title').each(function(){
$(this).replaceWith('<h4 class="widget-title">' + $(this).text() + '</h4><div class="widget-title-shadow">' + $(this).text() + '</div>');
});
});
//]]>
</script>
<?php }
global $options;
foreach ($options as $value) {
if (get_option( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; }
else { $$value['id'] = get_option( $value['id'] ); }
}
echo do_shortcode(__(stripslashes(thematic_optionsarray($thm_header)), 'thematic'));
if(tnt_theme_colors()=='Red'){?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/library/styles/redbanner.css" type="text/css" />
<?php } ?>
</head>

<body class="<?php thematic_body_class() ?>">

<?php thematic_before(); ?>

<div id="wrapper" class="hfeed">
<img src="http://www.arabic-alphabet.info/wp-content/uploads/2010/06/Logo-arabic-alphabet.info_.jpg" alt="arabic alphabet" />

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<?php thematic_aboveheader(); ?>

<div id="header">
<?php thematic_header() ?>
</div>

<?php thematic_belowheader(); ?>

<div id="main">

<?php if(tnt_theme_slider()!='Disabled'){

if (is_home()){
$tnt_feat_cat=tnt_featured_category();
$my_query = new WP_Query("cat=$tnt_feat_cat&showposts=5");
if ($my_query->have_posts()):
?>
<div id="featured-post-wrap" class="clearfix">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#featured-post').cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000,
pause:2,
next: '#featured-next',
prev: '#featured-prev'
});
})
</script>
<div id="featured-post">
<?php $tntdefaultthumb=1;
while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID; ?>
<div class="featured-item">
<?php if (catch_that_image()=='33'){ ?>
<img class="featured-thumb" src="<?php echo bloginfo('template_url').'/images/randombig/'."$tntdefaultthumb".'.jpg';?>" alt="<?php the_title() ?>" />
<?php } else { ?>
<img class="featured-thumb" src="<?php bloginfo('template_directory'); ?>/timthumb/timthumb.php?src=<?php echo catch_that_image();?>&h=225&w=300&zc=1" alt="<?php the_title() ?>" /><?php }?>
<div class="post clearfix">
<p class="date-post"><?php the_time('l, F j, Y'); ?></p>
<h2 class="title"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="entry">
<?php the_content_limit('360'); ?>
</div>
<a class="read-more" href="<?php the_permalink() ?>" title="Continue Reading...">Continue Reading...</a>
</div>
</div>
<?php $tntdefaultthumb=$tntdefaultthumb+1;
endwhile ?>
</div>
<a id="featured-prev">prev</a>
<a id="featured-next">next</a>
</div>
<?php endif; } }?>

<?php if(thematic_footertext($thm_adsense72890)!=''){?>
<div id="advertisementtop">
<?php echo do_shortcode(__(stripslashes(thematic_footertext($thm_adsense72890)), 'thematic')); ?>
</div>
<?php }?>

azoomer

07-02-2010, 09:39 PM

I don't think you need to change any of the code that you are posting. It will be much easier just to adjust the css. For example in 2c-l-fixed.css around line 20 you can change the margin-top to this

.menu {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:-95px;
width:940px;
}
and in main.css around line 76 try to change the header height to something like this

#header {
background-image:url("../../images/menubkg.jpg");
background-position:center bottom;
background-repeat:no-repeat;
height:105px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:3px;
width:950px;
}
That would be one way to make it line up. Looks okay in my browser anyway.
Well there is still a problem with the rss badge and maybe the gap from the menu to the content will be to large. I suggest you get firebug ( firefox addon) if you don't have it already. It makes it so easy to change the css to your liking.