checkbox a kaydırma çubuğu nasıl eklenir

22-11-2009, 02:50:06

google da baya bir aradım ama bulamadım

checkbox ile bir çok kategori listeliyorum, fakat kategoriler çok uzun olunca buna bir kaydırma çubuğu şart oluyor.

22-11-2009, 07:34:18

#2

~~FurkanAyhan~~

Üyeliği durduruldu

Dikey olarak yapmak istersen style konuda bunu ekle overflow-y: scroll; yatay istersen y yi x yap kaydırma çubuğu çıkar.

22-11-2009, 17:30:43

#3

mersoy

FurkanAyhan adlı üyeden alıntı: mesajı görüntüle

Dikey olarak yapmak istersen style konuda bunu ekle overflow-y: scroll; yatay istersen y yi x yap kaydırma çubuğu çıkar.

herhangi bir style kullanmıyorum

		echo "<input type=\"checkbox\" name=\"topic\" value=\"$topicid\"/> $topics<br />";

yukarıdaki gibi php de sade kullanıyorum

bir örnek verirmisin rica etsem

23-11-2009, 10:30:02

#4

cocainer

Verileri <div> içine al div style'ınada yukarıda arkadaşın verdiği kodu ekle.

23-11-2009, 17:17:28

#5

mersoy

basit çe html olarak denedim, döngü içerisine koymadan

<div style="overflow-y: scroll;">
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
</div>

kaydırma çubuğu çıkmadı

23-11-2009, 17:50:54

#6

cocainer

<div style="overflow:auto; height:50px; width:150px;">
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
</div>

Bu şekilde denermisin?

23-11-2009, 19:46:20

#7

~~FurkanAyhan~~

Üyeliği durduruldu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#list_countries, .list_collapse 
{ 
    position: absolute; 
    background: #A8C5E1; 
    width: 300px; 
    height: 300px; 
    overflow-y: scroll; 
    border: 1px solid #666; 
    z-index: 10; 
    padding: 5px; 
    text-align: left; 
    display:block; 
} 
 
#adv_practices:hover, .list_expand 
{ 
    height: 180px; 
} 
-->
</style>
</head>
<body>

<div id="list_countries" onmouseover="this.className='list_expand';" onmouseout="this.className='list_collapse';">

 asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br /><br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br /><br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />asdasd<br />

</div>

</body>
</html>

bunu html olarak kaydet ve önizleme yap bakalım kaydırma çubuğu var mı.

sonra asdasd<br /> yerlerine kendi kodlarını koy css den renk-boyut vs ayarla.

kolay gelsin.

23-11-2009, 20:15:26

#8

mersoy

cocainer adlı üyeden alıntı: mesajı görüntüle

<div style="overflow:auto; height:50px; width:150px;">
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
<input type="checkbox" name="topic[]" value="$topicid"> $topics<br>
</div>

Bu şekilde denermisin?

cocainer Çok teşekkür ederim harika oldu.

FurkanAyhan ilgilendiğin için sanada teşekkür ederim.