سوال و مشکل: افتادن فاصله در قالب

S

sheisebaboo

Active Member
سلام.....اساتید اگه امکانش هست کمکم کنید:

1)من دارم یه قالب مینویسم که برای وردپرس هست ولی به یه مشکلی خوردم اونم اینه که
در قالب یه فاصله بین متن پست و عنوان پستم میوفته، کدهارم که نگاه میکنم به چیز خاصی برنخوردم؟؟؟؟؟!! چه کنم؟؟؟؟؟ممنونم

عکس:
http://www.up.taktemp.com/images/q4yoqrpudw5emwge5e71.gif

کدها
----

کد: 
کدهای css
------
#post
{width:600px ;height:auto ;float:right ;margin-right:17px}
#postt
{width:600px ;height:30px ;background:url(wp-content/themes/ysm/img/pt.gif) ;font-weight:bold ;font-size:15px 
;text-align:right ;color:#000 ;direction:rtl ;font-family:Times New Roman }
#postb
{width:600px ;height:auto ;background:url(wp-content/themes/ysm/img/pb.gif) ;font-family:Times New Roman ;font-weight:bold ;font-size:14px ;text-align:right ;color:#000 ;
direction:rtl ;font-family:Times New Roman }
#pf
{width:600px ;height:30px ;background:url(wp-content/themes/ysm/img/pf.gif) }
#postb a
{font: 14px Times New Roman;font-weight:bold ;text-align:right ;direction:rtl ;color:#000 ;text-decoration:none }
#postb a:hover
{font: 15px Times New Roman;font-weight:bold ;text-align:right ;direction:rtl ;color:#300101 ;text-decoration:none }

کدهای html
----
<div id="post">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<div id="postt">
<div style="padding-top:5px ;padding-right:7px">
<?php the_title(); ?>
</div></div>
<div id="postb">
<?php the_content(); ?><BR>
</div>
<div id="pf"></div>
<?php endwhile; ?>
<?php endif; ?>
</div>


2) یه مشکل دیگه هم برخوردم که در صفحه اول سایت header کاملا جاش درسته ولی در بقیه صفحات مثل ادامه مطلب و ... فاصله یک سانتی بین header و بالای صفحه میوفته، درصورتی که کدهای css هردو صفحه یکی هست و تمامی خاصیت های padding و margin صفر هست.......و وقتی صفحات دیگر رو توی IE باز میکنم سایتم بهم میریزه.....توروخدا کمک کنید!!!
 
M

miladyazdan

New Member
استفاده از مارجین

یک پیشنهاد

مارجین قسمت پایینی با بالایی را عددی منفی بدهید.

مثلا:
margin-top:-5px

موفق باشید
 
masima

masima

Member
سلام من کدهای شما رو امتحان کردم. تا زمانی که برای postb تصویر زمینه نگذارید، هیچ مشکلی پیش نمیاد، دلیلش اینه که شما برای این قسمت ارتفاع رو خودکار قرار دادید در حالی تصویر زمینه دارد و نیاز دارد که ارتفاع مشخص باشد، در غیر این صورت باید قابلیت تکرار در طول را به این تصویر بدهید. به این صورت :
کد: 
bacground: url("address") repeat-y;
در ضمن یک نکته بسیار مهم:
بهتر است به جای تصویر پس زمینه از رنگ زمینه استفاده کنید، با توجه به این که تصویر پس زمینه شما تنها از یک رنگ تشکیل شده!
​
 
masima

masima

Member
اول بگم این لینکی که دادید تو پیغام خصوصی، دقیقا عکس های همون قسمت مورد نظر شما اصلا لود نشد، نمیدونم شاید آدرس دهی اشتباه بوده؟

خوب قبلا هم گفته بودم من کدهای شما رو توی مرورگرهای فایرفاکس، اکسپلورر، نت اسکیپ و اپرا دیدم که مشکلی نداشت.

شما هنوز هم اصرار دارید برای قسمت postb از تصویر زمینه استفاده کنید؟ پیشنهاد میکنم کد زیر را امتحان کنید، بعد نتیجه را اعلام بفرمایید.
کد: 
background-color:#999;
 
masima

masima

Member
یک موردی به ذهنم رسیده :
از اونجایی که من با کدهای css شما تونستم بدون مشکل صفحه رو لود کنم، به نظرم میرسه شما احتمالا به بعضی تگ های عمومی مثل title و غیره در فایل css تون خاصیت عمومی دادید. مثلا شاید براش padding-bottom تعریف کرده باشید.
برای آزمایش هم کدهای زیر رو امتحان کنید، اگر شما بدون مشکل تونستید صفحه رو ببینید، این حرف منو تایید میکنه.
اگر هم نه، برای بررسی بیشتر کدهاتون هم html و هم css را بگذارید.)
کد: 
 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#post{width:600px ;height:auto ;float:right ;margin-right:17px}

#postt{width:600px ;height:30px ; font-weight:bold ;font-size:15px; text-align:right; color:#000; direction:rtl ;font-family:Times New Roman; background:url("img1/pt.gif"); }

#postb{width:600px; background:url("img1/pb.gif"); font-family:Times New Roman ;font-weight:bold ;font-size:14px ;text-align:right ;color:#000; direction:rtl ;font-family:Times New Roman; }

#postb a{font:14px Times New Roman; font-weight:bold ;text-align:right ;direction:rtl ;color:#000 ;text-decoration:none; }

#postb a:hover{font:15px Times New Roman; font-weight:bold; text-align:right; direction:rtl; color:#300101; text-decoration:none; }

#pf{width:600px ;height:30px; background:url("img1/pf.gif"); }
</style>
</head>

<!--tozih for u-->
<!--pt.gif (600*30 px), pb.gif(600*25 px), pf.gif(600*30 px)-->

<body>
<div id="post">
    <div id="postt">
        <div style="padding-top:5px ;padding-right:7px">
            title1
        </div>
    </div>
    
    <div id="postb">
        content1<BR>content2<BR>content3<BR>content4<BR>
    </div>
    
    <div id="pf">
    </div>
    
    <div id="postt">
        <div style="padding-top:5px ;padding-right:7px">
            title2
        </div>
    </div>
    
    <div id="postb">
        content1<BR>
    </div>
    
    <div id="pf">
    </div>
</div>

</body>
</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

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

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

بالا