Меню от ляво

[galabin123]

http://store.picbg.net/pubpic/7C/D8/639f88f67ede7cd8.png

това меню ми е от дясно как ще стане да направя същото ,но да е от ляво т.е. да си имам и двете но едното да е от ляво другото от дясно както съм казал на снимката?

ето и css за дясното

[css]ul#menu{
width:20px;
list-style-type:none;
border-top:1px solid #e8e8e8;
border-left:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
position:absolute;
right:10px;
top:10px;
background:#fff;
padding:10px 1px 0 8px;
}
ul#menu li{
list-style-type:none;
width:18px;
height:18px;
padding-bottom:5px;
margin-bottom:4px;
}
ul#menu li.hr{
list-style-type:none;
border-bottom:1px solid #e8e8e8;
}
ul#menu li a img{
width:19px;
height:19px;
border:none;
background:#fff!important;/* IE fade to bug */
}
ul#menu li a{
float:left;
width:19px;
height:19px;
}[/css]

 

[tedo96]

Правиш си ги на класове и просто копираш. Трябва да си промениш в html-a където са id="" на class="" и в css-а вместо # слагаш . (точка)

 

[galabin123]

като индианец съм с css нищо не разбирам ;d

 

[tedo96]

като индианец съм с css нищо не разбирам ;d

[css]ul.menu2{
width:20px;
list-style-type:none;
border-top:1px solid #e8e8e8;
border-left:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
position:absolute;
left:10px;
top:10px;
background:#fff;
padding:10px 1px 0 8px;
}
ul.menu2 li{
list-style-type:none;
width:18px;
height:18px;
padding-bottom:5px;
margin-bottom:4px;
}
ul.menu2 li.hr{
list-style-type:none;
border-bottom:1px solid #e8e8e8;
}
ul.menu2 li a img{
width:19px;
height:19px;
border:none;
background:#fff!important;/* IE fade to bug */
}
ul.menu2 li a{
float:left;
width:19px;
height:19px;
}[/css]
Сега си го сложи там където искаш като сложиш <div class="menu2">

 

[galabin123]

менюто не се получи само иконите отидоха там и изчезна индекс текста

 

[tedo96]

Естествено трябва да си вкараш и самите линкове. Както е в дясно. Също си забравил да затвориш div тага и затова ти е изчезнал текста (предполагам).

 

[galabin123]

аз го оправих с padding и с още някви там неща :Д не аз не знам кво сум правил но стана,но виж текста ...

http://store.picbg.net/pubpic/CB/F7/255e73de03a5cbf7.jpg

не се показва целия