• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
منو از div میزنه بیرون
#1
منویی که طراحی میکنم از div میزنه بیرون
معمولا این مشکل رو دارم لطفا بگید چه خصیصه ای باعث میشه منو سر جاش درست قرار بگیره

کد پی‌اچ‌پی:
html,body{
          
padding:0px;
          
margin:0px;
}
#content{
    
width:900px;
    
margin:0px auto;
    
padding:0px;
        
    }
/*[start]menu*/    
#menu{
    
width:900px;
    
height:80px;
    
background-color:#232323;
    
    
}
ul{
    
width:100%;
    
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;
    
    


کد پی‌اچ‌پی:
<!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>
              <
li><class="menu" href="#"></a></li>
          </
ul>

     </
div>
     <
div></div>
     <
div></div>
     <
div></div>
     <
div></div>
</
div>
</
body>
</
html
  پاسخ
تشکر شده توسط :
#2
کد:
html,body{
          padding:0px;
          margin:0px;
}
#content{
    width:900px;
    margin:0px auto;
    padding:0px;
        
    }
/*[start]menu*/    
#menu{
    width:900px;
    height:80px;
    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;
    
    
}
تا جایی که امکان داره از % استفاده نکنید برای مقدار دادن.
width:100% رو کردم width: auto
غایب
  پاسخ
تشکر شده توسط : parsisport Goback
#3
ul به صورت پیشفرض padding داره،صفرش کن درست میشه:
کد پی‌اچ‌پی:
ul{
    
width:100%;
    
margin:0;
    
padding:0;
        


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

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


پرش به انجمن:


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