Подреждане

dashe

Registered
Става въпрос за това http://i.data.bg/08/06/11/999204_orig.jpg
Където са 4 едно по друго искам да стане на 2 реда по 2.
Уш трябва да стане като задам float: left; на нещатата...
Обаче така бъгва със онова от долу ето и код...

Код:
div.VideoList ul {
width: 315px;
list-style-type: none;
padding-left: 0px;
margin-left: 0px;
border: none;
}

div.VideoList ul li {
width: 162px;
padding-bottom: 2px;
margin-right: 5px;
}

* html div.VideoList ul {
width: 325px;
list-style-type: none;
margin: 0;
padding: 0;
border: none;
}


* html div.VideoList ul li {
width: 166px;
margin-top: 5px;
margin: 0;
padding-bottom: 2px;
padding-top: 4px;
}

div.VideoList ul li img{
width: 145px;
height: 80px;
border: 2px solid #1e4861;
margin-left: 4px;
margin-top: 5px;
}

div.VideoList ul li a:hover img{
width: 145px;
height: 80px;
border: 2px solid #236083;
margin-left: 4px;
margin-top: 5px;
}

div.VideoList ul li div{
width: 165px;
height: 45px;
font-family: Verdana;
font-size: 10px;
text-align: center;
padding-bottom: 5px;
margin-top: 2px;
clear: both;
color: #ddd;
}

* html div.VideoList ul li div{
width: 165px;
height: 55px;
font-family: Verdana;
font-size: 10px;
text-align: center;
padding-bottom: 5px;
margin-top: 2px;
clear: both;
color: #ddd;
}
:? :roll:
 
Направи си един див например .VidDiv .На него му задай ширина,дължина и float: left; .В него слагаш по 2 <li>,тоест по 2 видеота.После точно след този див го слагаш още веднъж,така и двата с флоат ще се изравнят и ще имат по 2... :)
 
FestarBG каза:
Направи си един див например .VidDiv .На него му задай ширина,дължина и float: left; .В него слагаш по 2 <li>,тоест по 2 видеота.После точно след този див го слагаш още веднъж,така и двата с флоат ще се изравнят и ще имат по 2... :)
Мда супер и ..
и като има пак float: left; пак същащта история стана :roll:
 
И зех че му набих един clear: both; и малка промяна
Под дива където свърша всичко и зече се опраи :)
Мерси се пак за помоща :wink:
 

Back
Горе