[eluser]Unknown[/eluser]
I am having a problem regarding my menu panel in my style.css codes.
Can someone tell me how to edit them? I am just a noobie when it comes to css.
My menu panel is set to left side and I want the product panel to be set on the right side. I am really confused. Can someone please help me? please?
here is the codes for it:
Code:
<style type = "text/css">
body{
background-image:url('style/images/BBY.JPG');
background-repeat:repeat;
background-position:center center;
}
p{
text-align:justify;
}
#whole{
color:white;
font-family:Verdana;
padding:5px;
margin:0px;
width:auto;
background:;
float:right;
font:20px Verdana;
}
li.navitem{
background-image:url('style/images/Navi.PNG');
background-repeat:repeat;
background-position:center center;
list-style: none;
background:;
width:1024px;
height:30px;
}
div.admin_c{
padding:50px;
}
div.admin_v{
padding:50px;
}
div.cat{
margin:10px;
font-size:19px;
}
div.shortdesc{
text-decoration:none;
}
div.price{
font-size:12px;
font-weight:bold;
}
div.name{
font-size:14px;
font-weight:bold;
}
a:link {
text-decoration:none;
COLOR:white;
}
a:visited {
text-decoration:none;
COLOR:white;
}
a:hover {
text-decoration:none;
COLOR: #FF0000;
}
a:active {
text-decoration:none;
COLOR: #00FF00;
}
p{
float:center;
}
#productsview
{
width:800px;
border:1px;
float:right;
}
#products{
padding:0px;
font-size: 10.4px;
text-align:center;
}
#products ul{
list-style-type:none;
margin: 0px;
padding:0px;
float:right;
border:3px solid;
}
#products li{
width:250px;
padding:4px;
margin:8px;
float:right;
}
ul.menu{
background-image:url('style/images/MENU.PNG');
text-align:right;
width:120px;
height:220px;
margin:12px;
list-style-type:none;
float:left;
padding:1px;
}
li.menu{
margin:8px;
border-bottom:3px solid;
}
#cart{
padding:4px;
margin: 2px;
float:right;
}
#cart table{
width:500px;
border-collapse: collapse;
text-align: right;
}
#cart th{
border-bottom:1px solid #aaa;
}
#cart caption{
font-size: 15px;
heigth: 30px;
text-align: center;
}
#cart .total{
heigth: 40px;
}
#cart .remove {
color: white;
}
td{
padding:15px;
font: 12px Verdana;
}
div.thumb{
padding: 0px;
}
</style>