2 replies [Last post]
K1nstown
K1nstown's picture
Offline
newbie
Last seen: 5 years 38 weeks ago
Timezone: GMT+2
Joined: 2015-01-27
Posts: 1
Points: 2

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?

gautamz07
gautamz07's picture
Offline
Enthusiast
Last seen: 4 years 5 weeks ago
Timezone: GMT+5.5
Joined: 2014-04-24
Posts: 265
Points: 403

@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 .

audiohanoi5
audiohanoi5's picture
Offline
newbie
Viet Nam
Last seen: 5 years 33 weeks ago
Viet Nam
Timezone: GMT-8
Joined: 2015-03-04
Posts: 1
Points: 1

K1nstown

can you show your website and image shot menu, submenu being error?