• Hello, I have a problem with my blog

    https://bmxlafalda.260mb.com/

    See, the title covers my logo, I have something wrong in the header, right?

    I leave my header.php

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    
    <head profile="https://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    
    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>
    
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="<?php bloginfo('atom_url'); ?>" />
    
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>
    </head>
    
    <body>
    <div class="wrapper">
    <div id="header"><div class="himg">
    <h1>/" target="_self"><?php bloginfo('name'); ?></h1>
    <h4><?php bloginfo('description'); ?></h4>
    </div>
    <div id="menu"><div class="mleft"><div class="mright">
    
          <li<?php if (is_home()) { echo ' class="current_page_item"'; } ?>>/">Home
          <?php wp_list_pages('title_li=' ); ?> 
    
    <div class="search">
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </div>
    <div class="clear"></div>
    </div></div></div>
    </div>
    <!-- end header -->

    I leave my style.css

    /*
    Theme Name: Synchro Theme
    Theme URI: https://luckythemes.com/synchro-theme/
    Description: Synchro Style WordPress Theme
    Version: 1.0
    Author: https://themerama.com
    Tags: widget ready, valid html, valid css, 2 columns, fixed width
    */
    *{margin:0; padding:0;}
    body
    {
    font-family:Arial, sans-serif;
    font-size:14px;
    color:#aaa;
    background:#252525 url(images/header_bg.gif) repeat-x top;
    text-align:center;
    }
    html, body{width: 100%; height: 100%;}
    .clear{clear:both;}
    .wrapper{width: 980px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px;}
    .push{height: 90px;}
    
    #header
    {
    width: 100%;
    height: 155px;
    background: url(images/header_bg.gif) repeat-x top;
    }
    #header .himg{width: 100%; height: 105px; background: url(images/header_img.gif) no-repeat 23px 9px;}
    #header h1
    {
    font-family:Georgia, sans-serif;
    font-weight:700;
    font-size:30px;
    text-align:left;
    padding:30px 120px 0 120px;
    }
    
    #header h4
    {
    font-weight:400;
    font-size:16px;
    color:#ACACAC;
    text-align:left;
    padding: 0 120px;
    }
    
    #header a:link,#header a:visited,#header a:active,#header a:hover
    {
    color:#5A93CC;
    text-decoration:none;
    }
    
    #header a:hover
    {
    color:#ACACAC;
    }
    
    #menu
    {
    background:#262626 url(images/menu_bg.gif) repeat-x top;
    border-bottom:1px solid #230808;
    margin:0 20px;
    height: 49px;
    overflow: hidden;
    }
    #menu .mleft{background: url(images/menu_side.gif) no-repeat left; width: 100%; height: 100%;}
    #menu .mright{background: url(images/menu_side.gif) no-repeat right; width: 100%; height: 100%;}
    #menu ul
    {
    float:left;
    width:660px;
    height:100%;
    overflow:hidden;
    }
    
    #menu ul li
    {
    list-style:none;
    font-family:Arial, sans-serif;
    font-weight: 700;
    line-height: 49px;
    color:#E6E6E6;
    font-size:11px;
    text-transform:uppercase;
    text-align:center;
    background:url(images/menu_side.gif) no-repeat right 0;
    float:left;
    margin:0 0 0 25px;
    padding: 0 25px 0 0;
    }
    
    #menu a:link,#menu a:visited,#menu a:active,#menu a:hover
    {
    color:#E6E6E6;
    text-decoration:none;
    }
    
    .search
    {
    float:right;
    width:245px;
    height: 100%;
    }
    
    .search_form{width: 100%; margin-top: 8px;}
    
    .search_form input
    {
    vertical-align:middle;
    }
    .search_form input.text{border: none;}
    
    #content
    {
    width:100%;
    text-align:left;
    margin-top: 10px;
    }
    
    .left
    {
    float:left;
    width:261px;
    overflow: hidden;
    }
    
    .left .lpadding{padding: 0 0 0 19px;}
    
    .left h1
    {
    font-family: Arial, sans-serif;
    font-size:11px;
    line-height: 25px;
    font-weight:700;
    text-transform:uppercase;
    text-align:left;
    color: #fff;
    }
    .widg_top{background: #000 url(images/cat_bg.gif) no-repeat top; width: 100%; margin-bottom: 10px;}
    .widg_bttm{background: url(images/widg_bttm.gif) no-repeat bottom; padding: 0 10px 10px;}
    
    .left .title{padding: 0 15px;}
    
    .left ul li
    {
    list-style:none;
    font-family: Tahoma, sans-serif;
    font-size:11px;
    background:url(images/bullet_lul.gif) no-repeat 0 2px;
    margin: 2px 0;
    padding:0 12px;
    }
    
    .left ul
    {
    margin:5px;
    padding:0;
    }
    
    .left a:link,.left a:visited,.left a:active,.left a:hover
    {
    color:#929292;
    text-decoration:none;
    }
    
    .right
    {
    float:right;
    width:705px;
    }
    
    .right .rpadding{padding: 0 20px 0 0;}
    
    .post_1{background: #171717 url(images/post_t.gif) repeat-x top; width: 100%; margin-bottom: 10px;}
    .post_2{background:url(images/post_b.gif) repeat-x bottom; width: 100%;}
    .post_3{background:url(images/post_lt.gif) no-repeat left top; width: 100%;}
    .post_4{background:url(images/post_rt.gif) no-repeat right top; width: 100%;}
    .post_5{background:url(images/post_lb.gif) no-repeat left bottom; width: 100%;}
    .post_6{background:url(images/post_rb.gif) no-repeat right bottom; padding: 0 20px 15px;}
    
    .right h1
    {
    font-family:Arial, sans-serif;
    font-weight:400;
    font-size:18px;
    text-transform: uppercase;
    }
    
    .right h1 a:link,.right h1 a:visited,.right h1 a:active,.right h1 a:hover
    {
    color:#E6E6E6;
    text-decoration:none;
    }
    
    .right .title h1{line-height: 27px;}
    
    .right h4
    {
    font-family: Tahoma, sans-serif;
    font-weight:400;
    font-size:11px;
    color:#929292;
    }
    .right .title h4{border-bottom: 1px dotted #646464; padding: 3px 0;}
    .right p
    {
    margin: .5em 0;
    }
    
    .right a:link,.right a:visited,.right a:active,.right a:hover
    {
    color:#4271A6;
    text-decoration:underline;
    }
    .sep{padding-bottom: 8px; border-bottom: 1px dotted #646464; margin-bottom: 8px;}
    .ico_tags{background:url(images/ico_tags.gif) no-repeat left top; padding: 10px 0 20px 30px;}
    .tags
    {
    text-align:left;
    font-family: Tahoma, sans-serif;
    color:#4271A6;
    font-size:11px;
    padding:3px 5px;
    width: 500px;
    float: left;
    }
    
    .tags a:link,.tags a:visited,.tags a:active,.tags a:hover
    {
    color:#4271A6;
    text-decoration:underline;
    }
    .ico_comm{background:url(images/ico_comm.gif) no-repeat left top; padding: 10px 0 20px 30px;}
    .comments
    {
    text-align:left;
    font-family: Tahoma, sans-serif;
    color:#4271A6;
    font-size:11px;
    padding:3px 5px;
    width: 110px;
    float: right;
    }
    
    .comments a:link,.comments a:visited,.comments a:active,.comments a:hover
    {
    color:#4271A6;
    text-decoration:underline;
    }
    
    #footer
    {
    font-family: Arial, sans-serif;
    font-weight:400;
    text-align:center;
    color:#BDBDBD;
    width:100%;
    height: 90px;
    font-size:11px;
    background:url(images/footer_bg.gif) repeat-x bottom;
    }
    
    #footer .fimg
    {
    background:url(images/footer_img.gif) no-repeat bottom;
    height: 100%;
    width: 980px;
    margin: 0 auto;
    }
    
    #footer p
    {
    margin:0;
    padding:60px 0 0;
    }
    
    #footer a:link,#footer a:visited,#footer a:active,#footer a:hover
    {
    font-weight:700;
    color:#BDBDBD;
    text-decoration:underline;
    }
    
    h2
    {
    
    font-weight:400;
    font-size:18px;
    }
    
    h3
    {
    
    font-weight:400;
    font-size:16px;
    }
    
    #commentform #author,#commentform #email,#commentform #url,#commentform textarea
    {
    background:#fff;
    border:1px solid #333;
    padding:.2em;
    }
    
    #commentform textarea
    {
    width:99%;
    }
    
    #commentlist li ul
    {
    border-left:1px solid #ddd;
    font-size:110%;
    list-style-type:none;
    }
    
    #commentlist li .avatar
    {
    float:right;
    margin-right:25px;
    border:1px dotted #ccc;
    padding:2px;
    }
    
    #wp-calendar
    {
    border:1px solid #AAAAAA;
    empty-cells:show;
    font-size:14px;
    width:90%;
    color:#AAAAAA;
    margin:0 auto 10px;
    }
    
    #wp-calendar #next a
    {
    padding-right:10px;
    text-align:right;
    }
    
    #wp-calendar #prev a
    {
    padding-left:10px;
    text-align:left;
    }
    
    #wp-calendar a
    {
    display:block;
    text-decoration:none;
    color:#AAAAAA;
    }
    
    #wp-calendar a:hover
    {
    background:#e0e6e0;
    color:#333;
    }
    
    #wp-calendar caption
    {
    color:#AAAAAA;
    font-size:14px;
    text-align:center;
    }
    
    #wp-calendar td
    {
    color:#AAAAAA;
    font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    letter-spacing:normal;
    text-align:center;
    padding:2px 0;
    }
    
    #wp-calendar td.pad:hover
    {
    background:#fff;
    }
    
    #wp-calendar td:hover,#wp-calendar #today
    {
    background:#eee;
    color:#66171A;
    }
    
    #wp-calendar th
    {
    font-style:normal;
    text-transform:capitalize;
    }
    
    p img
    {
    max-width:100%;
    padding:0;
    }
    
    img.alignright
    {
    display:inline;
    margin:0 0 2px 7px;
    padding:4px;
    }
    
    img.alignleft
    {
    display:inline;
    margin:0 7px 2px 0;
    padding:4px;
    }
    
    .alignright
    {
    float:right;
    }
    
    .alignleft
    {
    float:left;
    }
    
    img,.left ul li ul li,.left ul li ul li ul li
    {
    border:0;
    }
    
    #menu a:hover,.left a:hover,.right h1 a:hover
    {
    text-decoration:underline;
    }
    
    .right a:hover,.tags a:hover, .comments a:hover, #footer a:hover,#footer a.sec:hover
    {
    text-decoration:none;
    }
    
    img.centered,.aligncenter
    {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }
    
    .right ul li,.right ol li
    {
    margin:0 10px 0 20px;
    }

    I leave my Main Index

    <?php get_header();?>
    
    <div id="content">
    <div class="left"><div class="lpadding">
    <?php get_sidebar(); ?>
    </div></div>
    <div class="right"><div class="rpadding">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <div class="post_1"><div class="post_2"><div class="post_3"><div class="post_4"><div class="post_5"><div class="post_6">
    <div class="title">
    
    <h1>" target="_self"><?php the_title(); ?></h1>
    <h4><?php _e("Posted by "); ?><?php the_author() ?><?php _e(" in "); ?><?php the_category(',') ?><?php _e(" on "); ?><?php the_time('F dS, Y'); ?></h4>
    <div class="clear"></div>
    </div>
    
    <?php the_content(__('(more...)')); ?>
    <div class="clear sep"></div>
    
    <div class="tags"><?php the_tags('<div class="ico_tags">', ', ', '</div>'); ?></div>
    <div class="comments"><div class="ico_comm"><?php comments_popup_link('No Comments ?', '1 Comment ?', '% Comments ?'); ?></div></div>
    <div class="clear"></div>
    <?php comments_template(); // Get wp-comments.php template ?>
    </div></div></div></div></div></div>
    
    <?php endwhile; else: ?>
    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
    <?php endif; ?>
    
    <?php posts_nav_link(' — ', __('? Older Posts'), __('Newer Posts ?')); ?>
    
    </div></div>
    <div class="clear"></div>
    </div>
    
    <?php get_footer(); ?>
Viewing 1 replies (of 1 total)
  • just the link to your site would have been enough.

    look into style.css: add ‘padding-left:170px;’ that should solve your problem:

    #header .himg{width: 100%; height: 105px; background: url(images/header_img.gif) no-repeat 23px 9px; padding-left:170px;}

Viewing 1 replies (of 1 total)
  • The topic ‘title covers the banner (logo)’ is closed to new replies.