can someone help me?
I've made this menu and sub menu for a project at school,but I have a problem ... ... ... the pictures in the submenu are not near....This is the code:
from css setings :
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;}
.menu ul{
background:white;
height:35px;
list-style:none;
margin:0;
padding:0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, .1);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, .1);
box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, .1);}
.menu li{
float:left;
padding:0px 0px 0px 0px; }
.menu li a{
color:white;
display:block;
font-weight:normal;
line-height:141px;
margin:0px;
padding:0px 0px;
text-align:center;
text-decoration:none;}
.menu li a:hover{
background:white;
color:white;
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);}
.menu ul li:hover a{
background:red;
color:white;
text-decoration:none;}
.menu li ul{
display:none;
padding:0px;
margin:0px;
border:0px;
position:absolute;
height:35px;
width:141px;}
.menu li:hover ul{
display:block; }
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
height:0px;
width:141px;
background:#F93;
/*this is where the rounded corners for the dropdown disappears*/}
.menu li:hover li a{
background:none;}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
background:#C60;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .3); } ////
http://prntscr.com/5xuw95
http://prntscr.com/5xuwlz
I want to be just like that:
http://prntscr.com/5xux4x
can someone fix my code to be good?
@k1nstown
Can you also post the entire HTML code ? that would help solve your problem .
even better , fiddle
go to the above tool , its a simple tool to showcase ur code to anyone online . do the following :
1. Post HTML code in the html section and the css code in the CSS section.
2. click save , a new URL will be generated .
3. copy that url and post it on the forum .
OR else , as i said , just post your HTML code .
K1nstown
can you show your website and image shot menu, submenu being error?