17-06-2013, 23:45
Witam wszystkich.
Mam dwa problemy ze stroną
Mój pierwszy problem dotyczy wyglądu menu. W firefox jest wszyszystko ok i strona wygląda tak jak sobie życzę .
Adres strony www.gabinet-kosmetyczny-lips.pl
Niestety w starszych wersjach IE menu układa się pionowo
Wklejam kod który odpowiada za wygląd menu na mojej stronie
Drugi problem mam z wyskakującym okienkiem i tu tak samo w firefox jest ok w ie niestety nie.
Wklejam kod który odpowiada za to okienko
Bardzo proszę was o porady czy da się z tym coś zrobić, bo sam już nie daje rady.
Pozdrawiam
Mam dwa problemy ze stroną
Mój pierwszy problem dotyczy wyglądu menu. W firefox jest wszyszystko ok i strona wygląda tak jak sobie życzę .
Adres strony www.gabinet-kosmetyczny-lips.pl
Niestety w starszych wersjach IE menu układa się pionowo
Wklejam kod który odpowiada za wygląd menu na mojej stronie
Kod:
#cssmenu
ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:0px;
font-size:16px;
font-weight:bold;
background:transparent
url(images/nav_bg.png) repeat-x top right;
font-family:Arial, Helvetica, sans-serif;
border-bottom:0px solid #000000;
border-top:0px solid #000000;
}
#cssmenu
li
{
display:block;
float:right;
margin:0;
padding:0;
}
#cssmenu li a
{
display:block;
float:right;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:5px 10px 5px 10px;
}
#cssmenu li a:hover
{
color:#FFFFFF;
height:20px;
background:transparent url(images/nav_bg.png) 0px -30px no-repeat;
}
#cssmenu li.active a
{
display:inline;
height:0px;
background:transparent
url(images/nav_bg.png) 30px -30px no-repeat;
float:right;
margin:0;
}
}
Drugi problem mam z wyskakującym okienkiem i tu tak samo w firefox jest ok w ie niestety nie.
Wklejam kod który odpowiada za to okienko
Kod:
body{
background: black") repeat scroll left top transparent;
}
#wrapper{
color:#000000;
font-family:tahoma;
font-size:14px;
margin:0 auto;
width:800px;
margin-top:50px;
}
#wrapper a{
cursor:pointer;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}
.box {
background-color: BLACK;
color: #888888;
height: 570px;
left: 50%;
padding: 0px;
position: fixed;
right: 30%;
top: 5%;
width: 380px;
z-index: 101;
border:0px solid #888888;
border-radius:10px;
-moz-border-radius:10px;
}
.overlay {
background: black;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: -110;
z-index: 100;
opacity:0.5;
}
a.boxclose {
background: url("cancel.png") repeat scroll left top transparent;
cursor: pointer;
float: right;
height: 26px;
left: 32px;
position: relative;
top: 200px;
width: 26px;
}
Bardzo proszę was o porady czy da się z tym coś zrobić, bo sam już nie daje rady.
Pozdrawiam