• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
کنار هم قرار نگرفتن تگ ها
#1
تو کدهای زیر تگهام کنار هم قرار نمیگیرن
عرض هر دوشون درسته ولی باز هم یکی بالا و یکی پائین قرار میگیره مشکل از کجاست؟

کد پی‌اچ‌پی:
@charset "utf-8";
/* CSS Document */
html,body{
     
padding:0px;
     
margin:0px;
}
#all{
    
width:700px;
     
margin:0px auto;
     
padding:0px;
     
border:1px solid #000000;
         
}
/*[start]menu*/
#menu{
    
width:700px;
    
height:65pt;
    
background-color:#232323;
    
padding:0px;
    
margin:0px;
}
ul{
    
width:auto;
    
margin:0px;
}
li{
    
display:inline;
    
text-align:center;
   
}
a.menu{
    
float:right;
    
width:60pt;
    
text-decoration:none;
    
color:#999999;
    
margin-top:10px;
    
margin-right:10px;
    
direction:rtl;
    
border-top:1px solid #999999;
}
a.menu:hover{
    
font:bold;
    
font-size:15px;
    
color:#969291;
    
background-color:#393838;
    
    
    
}
/*[end]menu*/
/*[start]title*/
.clear{
    
clear:both;
}
#detail{
    
width:350px;
    
background-color:#000000;
    
height:auto;
    
direction:rtl;
    
float:left;
    
color:#999999;
}
#subject{
    
width:350px;
    
background-color:#000000;
    
height:auto;
    
float:right;
    
direction:rtl;
    
color:#999999;
}
/*[end]title*/
/*[start]slid*/
#slid{
    
background-image:url(img/bgslid.jpg);
    
width:700px;
    
height:400px;
    
margin:0px;
}
#slid1{
    
margin:0px auto;
    
width:400px;
    
height:auto;    
}
/*[end]slid*/
/*[start]news*/
#hilight{
     
float:right;
     
width:250px;
     
height:500px;
     
border:1px solid #000000;    
}
#news{
    
clear:both;
    
width:450px;
    
border:1px solid blue;
    
height:500px;
}
#news1{
    
width:450px;
    
border:1px solid #F00;
}
#news2{
    
float:left;
    
width:225px;
    
height:250px;
    
border:1px solid #000000;
}
#news3{
    
float:right;
    
width:225px;
    
height:220px;
    
border:1px solid #000000;
    
margin-right:0px;


کد پی‌اچ‌پی:
<!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="all">
     <!-----
menu start---->
     <
div id="menu">
        <
ul>
          <
li><a href="#"class="menu">صفحه اصلی</a></li>
          <
li><a href="#"class="menu">اخبار</a></li>
          <
li><a href="#"class="menu">عضویت</a></li>
          <
li><a href="#"class="menu">ورود</a></li>
          <
li><a href="#"class="menu">درباره ما</a></li>
          <
li><a href="#"class="menu">تماس با ما</a></li>
        
       </
ul>
     </
div>
     <!-----
menu end---->
     <!--
title start-->
     <
div class="clear">
         <
div id="subject">subject</div>
         <
div id="detail">detail</div>   
     </
div>
     <!--
titleend-->
     <
div id="slid">
         <
div id="slid1">
              <
img src="img/php1.jpg" width="400" height="300" />
         </
div>
                         
     </
div>
     <
div id="hilight">hilight</div>
  <
div id="news">news
          
<div id="news1">
            <
p>welcome          </p>
          </
div>
          <
div id="news2">news2</div>
          <
div id="news3">news3</div>
          </
div>
      
</
div>
</
body>
</
html
  پاسخ
تشکر شده توسط :
#2
من کدتو تغییر دادم
فقط به یه چیز دقت کن که اگه به تگی border یا padding میدی جزو اندازه تگت حساب میشه مثلا اگه بوردر 1px میدی باید بدونی که به اندازه 2 پیکسل به تگت اضافه شده

کد:
<!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>
<style type="text/css">
@charset "utf-8";
/* CSS Document */
html,body{
     padding:0px;
     margin:0px;
}
#all{
    width:700px;
     margin:0px auto;
     padding:0px;
     border:1px solid #000000;
        
}
/*[start]menu*/
#menu{
    width:700px;
    height:65pt;
    background-color:#232323;
    padding:0px;
    margin:0px;
}
ul{
    width:auto;
    margin:0px;
}
li{
    display:inline;
    text-align:center;
  
}
a.menu{
    float:right;
    width:60pt;
    text-decoration:none;
    color:#999999;
    margin-top:10px;
    margin-right:10px;
    direction:rtl;
    border-top:1px solid #999999;
}
a.menu:hover{
    font:bold;
    font-size:15px;
    color:#969291;
    background-color:#393838;
    
    
    
}
/*[end]menu*/
/*[start]title*/
.clear{
    clear:both;
}
#detail{
    width:350px;
    background-color:#000000;
    height:auto;
    direction:rtl;
    float:left;
    color:#999999;
}
#subject{
    width:350px;
    background-color:#000000;
    height:auto;
    float:right;
    direction:rtl;
    color:#999999;
}
/*[end]title*/
/*[start]slid*/
#slid{
    background-image:url(img/bgslid.jpg);
    width:700px;
    height:400px;
    margin:0px;
}
#slid1{
    margin:0px auto;
    width:400px;
    height:auto;    
}
/*[end]slid*/
/*[start]news*/
#hilight{
     float:right;
     width:250px;
     height:500px;
     border:1px solid #000000;    
}
#news{
   /* clear:both; */
    width:440px;
    border:1px solid blue;
    height:500px;
}
#news1{
    width:440px;
    border:1px solid #F00;
}
#news2{
    float:left;
    width:218px;
    height:250px;
    border:1px solid #000000;
}
#news3{
    float:right;
    width:218px;
    height:220px;
    border:1px solid #000000;
    margin-right:0px;
}

کد PHP:
<!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="all">
     <!-----menu start---->
     <div id="menu">
        <ul>
          <li><a href="#"class="menu">صفحه اصلی</a></li>
          <li><a href="#"class="menu">اخبار</a></li>
          <li><a href="#"class="menu">عضویت</a></li>
          <li><a href="#"class="menu">ورود</a></li>
          <li><a href="#"class="menu">درباره ما</a></li>
          <li><a href="#"class="menu">تماس با ما</a></li>
        
       </ul>
     </div>
     <!-----menu end---->
     <!--title start-->
     <div class="clear">
         <div id="subject">subject</div>
         <div id="detail">detail</div>  
     </div>
     <!--titleend-->
     <div id="slid">
         <div id="slid1">
              <img src="img/php1.jpg" width="400" height="300" />
         </div>
                        
     </div>
     <div id="hilight">hilight</div>
  <div id="news">news
          <div id="news1">
            <p>welcome          </p>
          </div>
          <div id="news2">news2</div>
          <div id="news3">news3</div>
          </div>
      
</div>
</body>
</html>

آدرس IP: وارد شده
امروز ۰۳:۲۶ عصر     
ارسال یک پیام خصوصی به این کاربر یافتن تمامی ارسال های این کاربر     ویرایش این ارسال حذف این ارسال نقل قول این ارسال در یک پاسخ تشکر نقل قول این ارسال گزارش این ارسال به مدیر اخطار به نویسنده بخاطر این ارسال
« قدیمی تر | جدید تر »
ارسال پاسخ


[-]
پاسخ سریع
پیام
پاسخ خود به این مطلب را اینجا بنویسید.

امضا
غیر فعال کردن شکلک ها
بستن موضوع
مهم کردن موضوع
شکلک ها
:angel:     :@     :blush:     :s
:dodgy:     :exclamation:     :heart:     :huh:
:idea:     :sleepy:     :-/     :)
;)     :cool:     :D     :P
:rolleyes:     :shy:     :(     
    

فونت
اندازه متن




    مشاهده نسخه قابل چاپ
    ارسال این موضوع به یک دوست
    مشترک شدن در این موضوع

مدیریت درون خطی ارسال:  

گزینه های مدیریت:

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: Na3r

</style>
</head>

<body>
<div id="all">
     <!-----menu start---->
     <div id="menu">
        <ul>
          <li><a href="#"class="menu">صفحه اصلی</a></li>
          <li><a href="#"class="menu">اخبار</a></li>
          <li><a href="#"class="menu">عضویت</a></li>
          <li><a href="#"class="menu">ورود</a></li>
          <li><a href="#"class="menu">درباره ما</a></li>
          <li><a href="#"class="menu">تماس با ما</a></li>
        
       </ul>
     </div>
     <!-----menu end---->
     <!--title start-->
     <div class="clear">
         <div id="subject">subject</div>
         <div id="detail">detail</div>  
     </div>
     <!--titleend-->
     <div id="slid">
         <div id="slid1">
              <img src="img/php1.jpg" width="400" height="300" />
         </div>
                        
     </div>
     <div id="hilight">hilight</div>
  <div id="news">news
          <div id="news1">
            <p>welcome          </p>
          </div>
          <div id="news2">news2</div>
          <div id="news3">news3</div>
          </div>
      
</div>
</body>
</html>


فایل‌های پیوست تصاویر بندانگشتی
   
  پاسخ
تشکر شده توسط : parsisport Goback php
#3
ممنون این نکته رو نمی دونستم
  پاسخ
تشکر شده توسط :
#4
دو تگی که محتویات new2 , new3 دارن درست شدن ولی تگ اصلیشون که news هست هنوز مشکل داره و کنار تگ hilight قرار نمیگیره
  پاسخ
تشکر شده توسط :
#5
کد پی‌اچ‌پی:
clear:both
به جا استفاده نشده!
برش دار از آی دی news درست میشه!

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

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


پرش به انجمن:


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