lostyazilim
tr.link

css sliderdeki resimler div dışına taşıyor

6 Mesajlar 3.640 Okunma
lstbozum
tr.link

Eray Soft WGT Eray Soft WGT Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 17.03.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Grafik & Web Dizaycı
  • Konum Sinop
  • Ad Soyad ** **
  • Mesajlar 43
  • Beğeniler 0 / 6
  • Ticaret 0, (%0)



arkadaşlar ordaki taşmayı nasıl önlerim?


css kodu

#slider-container{
width:90%;
margin:auto;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
background:url(../images/highlight-bg.png);
}
#mcts1
{

height:86px;
margin-top: 20px;
margin-bottom: 10px;
padding:20px 20px;
background:url(../images/loading.gif) no-repeat 50% 50%;
white-space:nowrap;
position:relative;
font-size:0px;

}
#mcts1>* {display:none;}


/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/
#mcts1 div.item
{
padding:2px;
margin-right:6px; /* this specifies the distance between each thumbnail */
background-color:White;
border:1px solid #ddd;
text-align:center;
position:relative;
}


#mcts1 img
{
border:none;

}


/*---------built-in navigation buttons-------*/
#mcts1 .navPrev, #mcts1 .navNext, #mcts1 .navPlay, #mcts1 .navPause
{
width:16px; height:22px; position:absolute;
background:url(../images/slider/navButtons.png);
display:inline-block; z-index:5; cursor:pointer;
}
#mcts1 .navPrev {background-position:0 -22px;top:60px;left:-40px;}
#mcts1 .navPrev:hover {background-position:0 -44px;}
#mcts1 .navPrevDisabled, #mcts1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#mcts1 .navNext {background-position:-16px -22px;top:60px;right:-40px;}
#mcts1 .navNext:hover {background-position:-16px -44px;}
#mcts1 .navNextDisabled, #mcts1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;}

#mcts1 .navPause, #mcts1 .navPlay {left:50%;top:130px;}
#mcts1 .navPause {background-position:0 -66px;}
#mcts1 .navPause:hover {background-position:0 -88px;}
#mcts1 .navPlay {background-position:-16px -66px;}
#mcts1 .navPlay:hover {background-position:-16px -88px;}

.navPrev, .navPlay, .navPause, .navNext
{
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}

/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts1 .navBullets
{
display:none;
}

/*--------- class1 that is for the slide with HTML content------------*/
.class1
{
width:130px;
height: 80px;
background:#444;
text-align:center;
color:White;
font:normal 11px/14px Arial;
white-space:normal;
}
.class1 p
{
margin-top:0;
margin-bottom:6px;
padding-top:6px;
font:bold 13px Verdana;
color:#F90;
}


/* --------- Others ------- */
#mcts1
{
transform: translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}




arkadaşlar verileri veri tabanından çekiyorum siz anlarsınız




$mov_query = mysql_query("SELECT * FROM movies LIMIT 15");

while($check_mov = mysql_fetch_array($mov_query)){
?>




 

 

wmaraci
reklam

polathinyo polathinyo WM Aracı Kullanıcı
  • Üyelik 06.02.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek SEO | Web Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad H** P**
  • Mesajlar 242
  • Beğeniler 43 / 37
  • Ticaret 58, (%97)
width:90%; den olabilir diye düşünüyorum.
width'e normal bir px cinsinden sayısal bir rakam koymayı dene, hem senin bilgisayarında %90 gösteren başka birisinin bilgisayarında %90 göstermeye bilir.

Şuanda demosunu göremediğimden tam emin değilim ama bundan olması veya #mcts1 div'indeki css'den olması lazım.
 

 

Eray Soft WGT Eray Soft WGT Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 17.03.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Grafik & Web Dizaycı
  • Konum Sinop
  • Ad Soyad ** **
  • Mesajlar 43
  • Beğeniler 0 / 6
  • Ticaret 0, (%0)

polathinyo adlı üyeden alıntı

width:90%; den olabilir diye düşünüyorum.
width'e normal bir px cinsinden sayısal bir rakam koymayı dene, hem senin bilgisayarında %90 gösteren başka birisinin bilgisayarında %90 göstermeye bilir.

Şuanda demosunu göremediğimden tam emin değilim ama bundan olması veya #mcts1 div'indeki css'den olması lazım.


Eyvallah saol. dostum çözdüm olayı sayfayı yeneleyince düzeliyor yani sayfayı küçültünce bozuluyor.
 

 

Omercitak Omercitak Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 01.08.2012
  • Yaş/Cinsiyet 30 / E
  • Meslek Öğrenci / Php Developer
  • Konum Yalova
  • Ad Soyad ** **
  • Mesajlar 174
  • Beğeniler 64 / 45
  • Ticaret 1, (%100)
Santi'mi o? :) pendik'in sözde repçisi
 

 

wmaraci
wmaraci

mdogano mdogano AKUATURK Kullanıcı
  • Üyelik 21.10.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek Mühendis
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 108
  • Beğeniler 0 / 17
  • Ticaret 0, (%0)
px de başka bilgisayarlarda farklı gösterebilir. en güvenlisi pt.
 

 

Eray Soft WGT Eray Soft WGT Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 17.03.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Grafik & Web Dizaycı
  • Konum Sinop
  • Ad Soyad ** **
  • Mesajlar 43
  • Beğeniler 0 / 6
  • Ticaret 0, (%0)

Ömer Çıtak adlı üyeden alıntı

Santi'mi o? :) pendik'in sözde repçisi


Sozde mi? O adam kadar olamayanlar var.

mdogano adlı üyeden alıntı

px de başka bilgisayarlarda farklı gösterebilir. en güvenlisi pt.

dive pt cinsinden genislik verildiginide senden duydum.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al