ایجاد شدن فاصله ای در هدر

H

hamed_hymn

Member
با سلام با توجه به تصویر درج شده در سایت
برای بنده مشکلی پیش اومده
1. فاصله ای افتاده بین منوی بالای سایت




2. مشخصات سایت مثل تایتل و توضیخات به جای اینکه در قسمت هدر نمایش داده شود در بادی نشان داده شده است. ( این تصویر را در firebug ) نشان داده است.



 
Domanjiri

Domanjiri

Well-Known Member
سلام

خب شما کدتون رو قرار می دادین تا بتونیم راهنماییتون کنیم، الان شاید اون قسمتی که بگراند مشکی داره، padding داشته باشه یا...همینطور در مورد head و..

توی کدوم مرورگر؟

در ضمن خواهش می کنم به فکر دوستانی که اینترنت دایل آپ دارن هم باشید، بهتر بود عکس ها رو پیوست می کردید (چرا اینقدر ماتش کردین؟ مگه چی نوشتین؟ اونم توی لوکال..:green: )

موفق باشید.
 
H

hamed_hymn

Member
بنده از شما عذرخواهی میکنم
بفرمایید . بنده کد ها را وارد میکنم.
1. فوتر
کد: 
<div id="footer" class="large">
    <div class="container">
        <div class="left">
            <ul class="switcher">
                <li class="activeden">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-left") ) ?>
                </li>
            </ul>        
        </div>
        <div class="middle vert_sprite">
            <div class="top">
                    
                    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer2left") ) ?>            
                

                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer2right") ) ?>            
                    
                <div class="clear"></div>
            </div>
            <div>
                <div class="content-left">
                    <div class="newsletter">
                        <h3>خوراک</h3>
            <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Iconcenter', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" action="http://feedburner.google.com/fb/a/mailverify" class="validate" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="get"><input type="text" class="fname" id="mce-FNAME" name="FNAME" value="First Name">
    <input type="text" class="lname" id="mce-LNAME" name="LNAME" value="Last Name">
    <input type="text" id="mce-EMAIL" class="lnames" name="Email" value="Email Address">
    <button class="submit-button-dark" id="mc-embedded-subscribe" name="subscribe" type="submit"><span class="sprite"><em class="sprite"> عضويت در خبرنامه</em></span></button>
  </form>
                    </div>
                </div>

                <div class="content-right">
                    <div class="stats">
                        تعداد بازديد امروز
                        <p class="file-count"> 845,648 </p>
                        تعداد کل بازديد ها
                        <p class="file-count"> 845,648 </p>
                        تعداد کل يازديد کنندگان
                        <p class="file-count"> 233,389 </p>
                    </div>
                </div>

                
                <div class="clear"></div>
            </div>


        </div>
        <div class="right vert_sprite">
            <div class="top">
                <div class="external-site">
                <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("footer-right") ) ?>    
                </div>                
            </div>
            
        </div>

        
    <div class="clear"></div>
    </div>
</div>
<div id="copyright">
    <div class="container">
        <div class="powered-by-envato">
            <a href="http://chicweb.ir">POWERED BY CHICWEB</a>
        </div>
        <div class="copyright">

            <p>

                <span>Copyright 2010 - <?php echo date('Y'); ?> <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> ~ All rights reserved</span>|




<div style="display:none;">
                <span><a href="<?php bloginfo('url'); ?>">TERMS OF USAGE</a></span>|   
        
                <span><a href="<?php bloginfo('url'); ?>">SUPPORT/HELP</a></span>|   
        
                <span>ICONS BY <a href="<?php bloginfo('url'); ?>">TANGO</a> + <a href="<?php bloginfo('url'); ?>">WEFUNCTION</a> + <a                 href="<?php bloginfo('url'); ?>">FAMFAMFAM</a></span>

                </p>
      
            <p class="trademarks">Adobe®, Flash®, Flex®, Fireworks®, Photoshop®, Illustrator®, InDesign® and After Effects® are registered             trademarks of Adobe Systems Incorporated.
            </p>
 
</div>
        </div>
    </div>
</div>
<?php wp_footer(); ?>
</body>
</html>

2. ایندکس
PHP: 
<?php get_header(); ?>


    <div id="content">
    </div>
<?php get_footer(); ?>

3. هدر
کد: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>

<?php wp_get_archives('type=monthly&format=link'); ?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <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 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    


<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/lib/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/lib/jquery.jcarousel.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/skins/ie7/skin.css" />
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        // Configuration goes here
    });
});
</script>

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-11834194-7']);
  _gaq.push(['_trackPageLoadTime']);
    _gaq.push(['_trackPageview']);
  
  _gaq.push(['b._setAccount', 'UA-11834194-36']);
  _gaq.push(['b._trackPageLoadTime']);
    _gaq.push(['b._trackPageview']);

  
  (function() {
    var ga = document.createElement('script');
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    ga.setAttribute('async', 'true');
    document.documentElement.firstChild.appendChild(ga);
  })();
</script>
<script src="<?php bloginfo('template_url'); ?>/jss//ga.js" async="true"></script>
<script src="<?php bloginfo('template_url'); ?>/jss/googleapis.client__plusone.js"></script>






    <script type="text/javascript">

    // Load this script once the document is ready
    $(document).ready(function () {
        
        // Get all the thumbnail
        $('div.thumbnail-item').mouseenter(function(e) {

            // Calculate the position of the image tooltip
            x = e.pageX - $(this).offset().left;
            y = e.pageY - $(this).offset().top;

            // Set the z-index of the current item, 
            // make sure it's greater than the rest of thumbnail items
            // Set the position and display the image tooltip
            $(this).css('z-index','15')
            .children("div.tooltip")
            .css({'top': y + 10,'left': x + 20,'display':'block'});
            
        }).mousemove(function(e) {
            
            // Calculate the position of the image tooltip            
            x = e.pageX - $(this).offset().left;
            y = e.pageY - $(this).offset().top;
            
            // This line causes the tooltip will follow the mouse pointer
            $(this).children("div.tooltip").css({'top': y + 10,'left': x + 20});
            
        }).mouseleave(function() {
            
            // Reset the z-index and hide the image tooltip 
            $(this).css('z-index','1')
            .children("div.tooltip")
            .animate({"opacity": "hide"}, "fast");
        });

    });


    </script>    

</head>
<body id= "">
<header>
   <div class="container">
  </div>
</header>
 
آخرین ویرایش:
H

hamed_hymn

Member
از شما عزیزان سپاس گذارم مشکل اولم حل شد
فقط مشکل دوم هست!
اینکه در head تایتل و توضیحات و نشون نمیده و همه لینک های مربوط به استایل و ... در بادی نشان میده. مثل تصویر دوم.
 
Domanjiri

Domanjiri

Well-Known Member
سلام

اومده بودم که چند خط کد بزارم براتون که دیدم گفتید مشکل حل شد، بسیار عالی..

حالا چون زحمت کشیدم و الان اگه کد رو نذارم کلا عقده میشه و جاش می مونه!:)green: ) من کد رو می زارم:) :
کد: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=us-ascii" />

    <title>Untitled 1</title>
    <style type="text/css">
/*<![CDATA[*/
    * {
    margin:0;
    padding:0;
    }

    body {
    width:100%; height:100%; 
    }

    body {  
    background-color: #B4EA6A;
    font-family: tahoma;
    font-size: 12px;
    }
    img {
    border: 0;
    }
    /* **************************** */
    div#main {
    margin: 0px auto;
    background-color: #F3A761;
    width: 500px;
    height: 400px;
    }
    /*]]>*/
    </style>
</head>

<body>
    <div id="main"></div>
</body>
</html>
یه نکته که باید بهتون بگم اینه که تا جایی که میتونید css ها رو خلاصه نویسی کنید.

در مورد مشکل دوم، من چک کردم همچین مشکلی وجود نداره (فقط شما تگ <header> رو از کجا کشف کردین !:green::shock: برای تگ body هم یا آیدی بزارید یا نزارید، چرا موندین تو برزخ :green:[شوخی می کنماا] )

اینطور که از شواهد پیداست (!) دارین برای وردپرس قالب می سازید، یحتمل مشکل شما مشکل منطقی هست نه مشکل کد html. چک کنید موارد مربوط به ساخت تم در وردپرس رودرست رعایت کردین یا نه؟!

شما رو ارجاع میدم به بروبچه های وردپرس کار توی بخش مربوطه.....

موفق و پیروز باشید:rose:
 
echessdesign

echessdesign

مدیر انجمن طراحی وب
این خصیصه ها رو اعمال کرده بودید؟
کد: 
body {
padding:0;
margin:0;
}
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا