• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
فاصله بین دو تگ div چطوری از بین میره و علتش چیه؟
#1
کد پی‌اچ‌پی:
<!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>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Untitled Document</title>
<
link rel="stylesheet" type="text/css" href="style.css">
</
head>

<
body>
<
div id="content">
     <
div id="menu">
          <
ul>
              <
li><class="menu" href="#">صفحه اصلی</a></li>
              <
li><class="menu" href="#">عضویت</a></li>
              <
li><class="menu" href="#">آموزش</a></li>
              <
li><class="menu" href="#">عضویت</a></li>
              <
li><class="menu" href="#">تالار گفتگو</a></li>
              <
li><class="menu" href="#">درباره ما</a></li>
              <
li><class="menu" href="#">تماس با ما</a></li>
         </
ul>
     </
div>
     <
div id="title">
                 <
div id="subtitle"><h3 class="pa">سایت آموزش آنلاین طراحی وب</h3>
                                    <
h5 class="pa2">خوش آمدید</h5>
                 </
div>
                    
      </
div>
  <
div></div>
     <
div></div>
     <
div></div>
</
div>
</
body>
</
html

کد پی‌اچ‌پی:
@charset "utf-8";
/* CSS Document */
html,body{
          
padding:0px;
          
margin:0px;
}
#content{
    
width:900px;
    
margin:0px auto;
    
padding:0px;
        
    }
/*[start]menu*/    
#menu{
    
width:900px;
    
height:65px;
    
background-color:#232323;
    
    
}
ul{
    
width:auto;
    
margin:0px;
        
}
li
    
display:inline;
    
margin-top:0px;
}
a.menu{
    
float:right;
    
width:50pt;
    
margin:10px;
    
line-height:30pt;
    
text-decoration:none;
    
font-size:12px;
    
color:#969292;
    
border-top-color:#CCCCCC;
    
background-color:#232323;
}
a.menu:hover{
    
color:#969291;
    
font:bold;
    
font-size:15px;
    
text-align:center;
    
background-color:#393838;
    
background-repeat:no-repeat;
    
border-top:1px inset #999999;
    
    
}
#name{
    
float:left;
    
width:100px;
    
margin-left:100px;
    
}
#title{
    
position:relative;
    
width:900px;
    
background-color:#232323;
    
height:50pt;
    
background-color:#2D2D2D;
}
#subtitle{
    
position:relative;
    
width:700px;
    
margin:0px auto;
    
height:35pt;
    
padding:0px;
    
}

h3.pa{
    
position:relative;
    
color:#FFFFFF;
    
float:right;
    
padding:20px;
    
margin-top:1px;
}
h5.pa2{
    
position:relative;
    
margin-right:450px;
    
margin-top:4px;
    
margin-left:40px;
    
color:#666666;
    
direction:rtl;

  پاسخ
تشکر شده توسط :
#2
کد پی‌اچ‌پی:
@charset "utf-8";
/* CSS Document */
html,body{
          
padding:0px;
          
margin:0px;
}
#content{
    
width:900px;
    
margin:0px auto;
    
padding:0px;
        
    }
/*[start]menu*/    
#menu{
    
width:900px;
    
height:65px;
    
background-color:#232323;
    
margin:0;
    
overflow:hidden;
    
    }
ul{
    
width:auto;
    
margin:0px;
        
}
li
    
display:inline;
    
margin-top:0px;
}
a.menu{
    
float:right;
    
width:50pt;
    
margin:10px;
    
line-height:30pt;
    
text-decoration:none;
    
font-size:12px;
    
color:#969292;
    
border-top-color:#CCCCCC;
    
background-color:#232323;
}
a.menu:hover{
    
color:#969291;
    
font:bold;
    
font-size:15px;
    
text-align:center;
    
background-color:#393838;
    
background-repeat:no-repeat;
    
border-top:1px inset #999999;
    
    
}
#name{
    
float:left;
    
width:100px;
    
margin-left:100px;
    
}
#title{
    
position:relative;
    
width:900px;
    
background-color:#232323;
    
height:50pt;
    
background-color:#2D2D2D;
    
margin:0;
    
overflow:hidden;
}
#subtitle{
    
position:relative;
    
width:700px;
    
margin:0px auto;
    
height:35pt;
    
padding:0px;
    
}

h3.pa{
    
position:relative;
    
color:#FFFFFF;
    
float:right;
    
padding:20px;
    
margin-top:1px;
}
h5.pa2{
    
position:relative;
    
margin-right:450px;
    
margin-top:4px;
    
margin-left:40px;
    
color:#666666;
    
direction:rtl;


اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط : parsisport
#3
امید جان دو کلمه هم توضیح بالاش می زاشتی بیتر بود !
  پاسخ
تشکر شده توسط :
#4
(۱۳۹۰ مرداد ۱۶, ۰۶:۲۹ ق.ظ)oia نوشته: امید جان دو کلمه هم توضیح بالاش می زاشتی بیتر بود !

توضیحو تو مسنجر گرفتن دوستمون.
خودشون بیان توضیح بدن ببینم یاد گرفتن یا نهBig Grin

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط :
#5
overflow:hidden

باید بهش اضافه میشد که اندازه محتویات از اندازه محیط بیشتر شد و خواست بیرون بزنه
با این کد باعث میشه اون مقدار اضافه دیده نشه و hidden میشه
  پاسخ
تشکر شده توسط : Goback
#6
(۱۳۹۰ مرداد ۱۶, ۰۳:۲۱ ب.ظ)parsisport نوشته: overflow:hidden

باید بهش اضافه میشد که اندازه محتویات از اندازه محیط بیشتر شد و خواست بیرون بزنه
با این کد باعث میشه اون مقدار اضافه دیده نشه و hidden میشه

ممنون مجتبی.
در تکمیل صحبت دوستمون:
میتونست ببینه علت این که محتوا از خط مرزی المنت تجاوز کرده چیه و اونو رفع کنه!
مثلا paddingی marinی شاید به عنصر فرزند داده شده که باعث همچین مشکلی شده!
پس میتونست اونو پیدا کنه و مقدار مناسب رو براش ست کنه،ولی روش سریع این بود که خود مجتبی گفت!
با این کار هرچی که از المنت بزنه بیرون دیده نمیشه.

اللهم صل علی محمد و آل محمد و عجل فرجهم

افلاطون را گفتند چرا هرگز غمگین نمیشوی؟
گفت :دل برآنچه نمی ماند،نمی بندم.
  پاسخ
تشکر شده توسط : parsisport


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان