• 14-11-2013, 00:16:34
    #1
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Selam arkadaşlar, autocomplete bulmuştum internetten ama açılan tarafının boyutunu bir tülü büyütemedim. Bunu nasıl alt resimdeki gibi sola dayalı birde boyutunu genişletebilirim kod kısımı aşağıdaydı bir kaç yeri değiştirdim bulamadım.

    böyle



    bunun gibi




    .ac_results {
    	padding: 0px;
    	border: 1px solid black;
    	background-color: white;
    	overflow: hidden;
    	z-index: 99999;
    }
    
    .ac_results ul {
    	width: 100%;
    	list-style-position: outside;
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }
    
    .ac_results li {
    	margin: 0px;
    	padding: 2px 5px;
    	cursor: default;
    	display: block;
    	/* 
    	if width will be 100% horizontal scrollbar will apear 
    	when scroll mode will be used
    	*/
    	/*width: 100%;*/
    	font: menu;
    	font-size: 12px;
    	/* 
    	it is very important, if line-height not setted or setted 
    	in relative units scroll will be broken in firefox
    	*/
    	line-height: 16px;
    	overflow: hidden;
    }
    
    .ac_loading {
    	background: white url('indicator.gif') right center no-repeat;
    }
    
    .ac_odd {
    	background-color: white;
        border-bottom:1px solid #FBE6A2;
        /*border-bottom-color:#FBE6A2;*/
        border-top:1px solid #FBE6A2;
        /*border-top-color:#FBE6A2;*/
    }
    
    .ac_over {
    	background-color: #FBE6A2;
    	color: black;
    }
  • 14-11-2013, 00:46:43
    #2
    aşağıdaki kısım sonuçların gösterildiği kısım,

    .ac_results li {
    	margin: 0px;
    	padding: 2px 5px;
    	cursor: default;
    	display: block;
    	/* 
    	if width will be 100% horizontal scrollbar will apear 
    	when scroll mode will be used
    	*/
    	/*width: 100%;*/
    	font: menu;
    	font-size: 12px;
    	/* 
    	it is very important, if line-height not setted or setted 
    	in relative units scroll will be broken in firefox
    	*/
    	line-height: 16px;
    	overflow: hidden;
    
    width: XXXpx;
    text-align:left;
    
    }
    eklenen kodlarla iş çözülür sanırım
  • 14-11-2013, 00:50:00
    #3
    hocam yardım için teşekkürler ama şöyle bir hal aldı

  • 14-11-2013, 00:53:45
    #4
    berkorn adlı üyeden alıntı: mesajı görüntüle
    hocam yardım için teşekkürler ama şöyle bir hal aldı

    eklediğim kodların altına,

    overflow-x:hidden;
    yada

    overflow:hidden;
    ekleyerek çözebilirsin.
  • 14-11-2013, 01:01:42
    #5
    hocam ikisinide denedim sonra ikisini birden yazdım denedim hala aynı duruyor boyutu küçültsem bile daralmıyor hep aynı boyda
  • 14-11-2013, 01:21:02
    #6
    berkorn adlı üyeden alıntı: mesajı görüntüle
    hocam ikisinide denedim sonra ikisini birden yazdım denedim hala aynı duruyor boyutu küçültsem bile daralmıyor hep aynı boyda
    bu tip durumlarda en iyi yardımcı firebug ... bu şekilde anlaşmak biraz zor olabiliyor o zaman şu elemanınada overflow deniyelim,

    .ac_results ul {
    	width: 100%;
    	list-style-position: outside;
    	list-style: none;
    	padding: 0;
    	margin: 0;
    overflow: hidden;
    }
  • 14-11-2013, 01:27:17
    #7
    hocam zahmet olcak ama hala beceremedim ya şite buydu bende bir kaç şey denedimde baya kaydı yaptıklarım.
  • 14-11-2013, 02:44:14
    #8
    .ac_results {
    	padding: 0px;
    	border: 1px solid black;
    	background-color: white;
    	overflow: hidden;
    	z-index: 99999;
    width: XXXXXpx !important;
    }
    eklemelisin, birde

    jquery.autocomplete.js dosyasındaki 713. satırdaki,

    overflow: 'auto'
    yu
    overflow: 'hidden'
    olarak değiştirmelisin
  • 14-11-2013, 10:57:24
    #9
    yardımlarınız için çok sağolun hocam