مشکل این کد [بایگانی]

olampiad

دوشنبه 17 شهریور 1393, 11:59 صبح

سلام و خسته نباشید به اساتید عزیز
به این کد های من ی نگا بندازید
میشه این کد رو یکبار روی سیستم خودتون اجرا کنید.
من میخوام li ها زیر هم قرار نگیرند بلکه در کنار هم قرار گیرند.
هر چقدر هم اندازه ul کوچک باشد باز هم زیر قرار نگیرد و از کنار بزند بیرون
آیا این کار شدنی هستش؟
امیدوارم منظورمو متوجه شده باشین.
ممنون

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> script </title>
<style type="text/css">

#all{
width:900px;
height:100px;
background:#CCC;
margin:auto;
margin-top:250px;
}
.rr{
float:right;
width:70px;
height:25px;
padding-top:5px;
background:#FC0;
border-radius:3px;
margin-top:30px;
text-align:center;
}
.ll{
float:left;
width:70px;
height:25px;
padding-top:5px;
background:#FC0;
border-radius:3px;
margin-top:30px;
text-align:center;
}
ul{
margin:0px;
padding:0px;
margin:auto;
width:700px;
height:90px;
padding-top:10px;
background:#6F3;
list-style:none;
//overflow:hidden;
}
ul li{
width:70px;
height:70px;
margin:5px;
float:right;
background:#FC0;
}

</style>
</head>
<body>

<div id="all">
<div class="rr">right</div>
<div class="ll">left</div>
<ul>
<li> one </li>
<li> two </li>
<li> three </li>
<li> fore </li>
<li> five </li>
<li> six </li>
<li> seven </li>
<li> eight </li>
<li> nin </li>
<li> five </li>
<li> six </li>
<li> seven </li>
<li> eight </li>
<li> nin </li>

</ul>

</div>

</body>
</html>

harand1

دوشنبه 17 شهریور 1393, 18:24 عصر

سلام برای در کنار هم قرار گرفتن li ها اونا رو float کن

olampiad

سه شنبه 18 شهریور 1393, 11:09 صبح

float رو right قرار میدم و باز هم هنگامی که بیشتر شدن از زیر میزند بیرون
ممنون

olampiad

سه شنبه 18 شهریور 1393, 21:31 عصر

کسی نمیتونه کمکم کنه؟؟؟؟؟؟؟؟؟؟؟؟

godofphp

سه شنبه 18 شهریور 1393, 22:32 عصر

توی فایل سی اس اس

li
{
display:inline-block;
}