arkadaşlar siteme eklediğim slider menumun alta acılan menulerinin üstünde kalmakta.Anladığım kadarı ile ya css çakışması yada js çakışması yaşıyorum ancak bunun hakkında nasıl bir düzeltme yapabileceğim konusuna hakim değilim.Yardımcı olabilecek düşüncelerini ve tecrübelerini paylaşabilecek arkadaşlarım var ise yardımcı olmaları dileği ile.
Teşekkürler
slider menunun üstüne kalırsa |
5 Mesajlar | 1.004 Okunma | ||
- Üyelik 04.12.2013
- Yaş/Cinsiyet 34 / E
- Meslek öğrenci
- Konum Konya
- Ad Soyad Ö** Ç**
- Mesajlar 37
- Beğeniler 0 / 2
- Ticaret 0, (%0)
M.Ö.Ç.
- Üyelik 10.07.2012
- Yaş/Cinsiyet 29 / E
- Meslek Developer
- Konum Konya
- Ad Soyad M** A**
- Mesajlar 1120
- Beğeniler 1086 / 244
- Ticaret 1, (%100)
Hocam ne bileyim bir resim olur, sitenin adresi olur :)
- Üyelik 15.05.2013
- Yaş/Cinsiyet 34 / E
- Meslek webmaster
- Konum Diyarbakır
- Ad Soyad C** K**
- Mesajlar 253
- Beğeniler 29 / 60
- Ticaret 0, (%0)
kodları gönder düzenliyeyim
Madem ki antivirüssün yakaladığın virüsü ne yapayım diye ne bana soruyon ?
- Üyelik 18.02.2012
- Yaş/Cinsiyet - / E
- Meslek öğretmen
- Konum
- Ad Soyad ** **
- Mesajlar 165
- Beğeniler 18 / 47
- Ticaret 0, (%0)
z-index ile ilgili arama yaparsan sonuca ulaşabilirsiniz.
- Üyelik 04.12.2013
- Yaş/Cinsiyet 34 / E
- Meslek öğrenci
- Konum Konya
- Ad Soyad Ö** Ç**
- Mesajlar 37
- Beğeniler 0 / 2
- Ticaret 0, (%0)
haklısınız hemen gönderiyorum kafam allak bullak olunca düşünememişim kusuruma bakmayın :)
Ek Olarak:
<script></script>
<script></script>
<script></script>
<script>
$(function() {
$('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 3000,
titlesFactor : 0
});
});
</script>
(bu index.html sayfamın kodlamasıdır)
Ek Olarak: #menuhome {
width:35px;
padding:0px;
height:35px;
float: right;
}
#menu {
width:auto;
display:inherit;
padding:0px;
text-align:center;
height:35px;
cursor: pointer;
float: right;
}
.hmenu{
display:inline-block;
padding:0px;
position:absolute;
left:250px;
list-style:none;
}
ul.hmenu ul {
position:absolute;
list-style:none;
display:none;
min-width:250px;
left:-1px;
}
ul.hmenu > li{
font-family: Arial, Helvetica, sans-serif;
font-size: 12.4px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
float:left;
position:relative;
display:block;
color: #000;
min-height:25px;
}
ul.hmenu li:hover{
}
ul.hmenu ul li{
background-image:url(img/menu.png);
margin-top:0px;
text-align: left;
padding:8px 15px;
}
ul.hmenu ul ul {
top: -150;
left:100%;
margin-top:-20px;
}
ul.hmenu ul ul > li {
background-color: #551;
}
ul.hmenu li > ul{
display:none;
}
ul.hmenu li:hover > ul{
position:absolute;
display:block;
padding:0px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
#menu_des {
height: 35px;
width: 630px;
}
(bu menu.css dosya içeriğimdir)
Ek Olarak: .ei-slider{
position: absolute;
width: 100%;
max-width: 1920px;
height: 400px;
margin: 0 auto;
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:70;
background: rgba(0,0,0,0.9);
color: #fff;
text-align: center;
line-height: 400px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:absolute;
overflow: hidden;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
}
.ei-title{
position: absolute;
right: 50%;
margin-right: 13%;
top: 30%;
}
.ei-title h2, .ei-title h3{
text-align: right;
}
.ei-title h2{
font-size: 40px;
line-height: 50px;
font-family: 'Playfair Display', serif;
font-style: italic;
color: #b5b5b5;
}
.ei-title h3{
font-size: 70px;
line-height: 70px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
color: #000;
}
.ei-slider-thumbs{
height: 13px;
margin: 0 auto;
position: absolute;
}
.ei-slider-thumbs li{
position: absolute;
float: left;
height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
top: 0px;
left: 0px;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #000;
background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background: #666 ;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
max-width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect:
below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%, transparent),
to(rgba(255,255,255,0.3))
);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
.ei-title{
position: absolute;
right: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
top: auto;
bottom: 10px;
background: #fff;
background: rgba(255,255,255,0.9);
padding: 5px 0;
}
.ei-title h2, .ei-title h3{
text-align: center;
}
.ei-title h2{
font-size: 20px;
line-height: 24px;
}
.ei-title h3{
font-size: 30px;
line-height: 40px;
}
}
(bu da slider css dosyamdır)
Ek Olarak: Ha bir de onu söylemeyi unuttum galiba menu normal sayfa basında ancak acılır menu varya o slider altında kalmakta.
Teşekkürler arkadaşlar
Ek Olarak: menu z-indexini yükseltip slider z-indexini 1 yaptım gene olmadı :(
Ek Olarak:
- Hazır Beton
- Agrega
- Bims
- İnşaat Malzemeleri
-
Passionate
Seeker
-
Creative
Duet
-
Friendly
Devil
-
Tranquilent
Compatriot
-
Insecure
Hussler
-
Loving
Rebel
-
Crazy
Friend
<script></script>
<script></script>
<script></script>
<script>
$(function() {
$('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 3000,
titlesFactor : 0
});
});
</script>
(bu index.html sayfamın kodlamasıdır)
Ek Olarak: #menuhome {
width:35px;
padding:0px;
height:35px;
float: right;
}
#menu {
width:auto;
display:inherit;
padding:0px;
text-align:center;
height:35px;
cursor: pointer;
float: right;
}
.hmenu{
display:inline-block;
padding:0px;
position:absolute;
left:250px;
list-style:none;
}
ul.hmenu ul {
position:absolute;
list-style:none;
display:none;
min-width:250px;
left:-1px;
}
ul.hmenu > li{
font-family: Arial, Helvetica, sans-serif;
font-size: 12.4px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
float:left;
position:relative;
display:block;
color: #000;
min-height:25px;
}
ul.hmenu li:hover{
}
ul.hmenu ul li{
background-image:url(img/menu.png);
margin-top:0px;
text-align: left;
padding:8px 15px;
}
ul.hmenu ul ul {
top: -150;
left:100%;
margin-top:-20px;
}
ul.hmenu ul ul > li {
background-color: #551;
}
ul.hmenu li > ul{
display:none;
}
ul.hmenu li:hover > ul{
position:absolute;
display:block;
padding:0px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}
#menu_des {
height: 35px;
width: 630px;
}
(bu menu.css dosya içeriğimdir)
Ek Olarak: .ei-slider{
position: absolute;
width: 100%;
max-width: 1920px;
height: 400px;
margin: 0 auto;
}
.ei-slider-loading{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index:70;
background: rgba(0,0,0,0.9);
color: #fff;
text-align: center;
line-height: 400px;
}
.ei-slider-large{
height: 100%;
width: 100%;
position:absolute;
overflow: hidden;
}
.ei-slider-large li{
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.ei-slider-large li img{
width: 100%;
}
.ei-title{
position: absolute;
right: 50%;
margin-right: 13%;
top: 30%;
}
.ei-title h2, .ei-title h3{
text-align: right;
}
.ei-title h2{
font-size: 40px;
line-height: 50px;
font-family: 'Playfair Display', serif;
font-style: italic;
color: #b5b5b5;
}
.ei-title h3{
font-size: 70px;
line-height: 70px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
color: #000;
}
.ei-slider-thumbs{
height: 13px;
margin: 0 auto;
position: absolute;
}
.ei-slider-thumbs li{
position: absolute;
float: left;
height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
top: 0px;
left: 0px;
position: absolute;
height: 100%;
z-index: 10;
text-indent: -9000px;
background: #000;
background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
display: block;
text-indent: -9000px;
background: #666 ;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-moz-box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
box-shadow:
0px 1px 1px 0px rgba(0,0,0,0.3),
0px 1px 0px 1px rgba(255,255,255,0.5);
-webkit-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-o-transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
position: absolute;
bottom: 50px;
opacity: 0;
z-index: 999;
max-width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-reflect:
below 0px -webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%, transparent),
to(rgba(255,255,255,0.3))
);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
opacity: 1;
bottom: 13px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
.ei-title{
position: absolute;
right: 0px;
margin-right: 0px;
width: 100%;
text-align: center;
top: auto;
bottom: 10px;
background: #fff;
background: rgba(255,255,255,0.9);
padding: 5px 0;
}
.ei-title h2, .ei-title h3{
text-align: center;
}
.ei-title h2{
font-size: 20px;
line-height: 24px;
}
.ei-title h3{
font-size: 30px;
line-height: 40px;
}
}
(bu da slider css dosyamdır)
Ek Olarak: Ha bir de onu söylemeyi unuttum galiba menu normal sayfa basında ancak acılır menu varya o slider altında kalmakta.
Teşekkürler arkadaşlar
Ek Olarak: menu z-indexini yükseltip slider z-indexini 1 yaptım gene olmadı :(
M.Ö.Ç.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)