製作一個jQuery下拉框顯示內嵌

我想爲下拉框使用這個jQuery插件。我希望下拉框出現旁邊一些文字，而不是它下面。我試過float和display屬性，我覺得它很簡單，但我無法得到它。製作一個jQuery下拉框顯示內嵌

演示：

.desc { color:#6b6b6b;} 
    .desc a {color:#0092dd;} 

    .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } 
    .dropdown dd { position:relative; } 
    .dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;} 
    .dropdown a:hover { color:#5d4617;} 
    .dropdown dt a:hover, .dropdown dt a:focus { color:#5d4617; border: 1px solid #5d4617;} 
    .dropdown dt a {background:#e4dfcb url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px; 
        border:1px solid #d4ca9a; width:150px;} 
    .dropdown dt a span {cursor:pointer; display:block; padding:5px;} 
    .dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none; 
         left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;} 
    .dropdown span.value { display:none;} 
    .dropdown dd ul li a { padding:5px; display:block;} 
    .dropdown dd ul li a:hover { background-color:#d0c9af;} 

    .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } 
    .flagvisibility { display:none;}

任何想法：有問題http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/

CSS代碼？

來源

2011-05-26 Johnny

Johnny，如果有任何回覆有幫助，你能選擇那個答案作爲答案嗎？ – Vap0r 2011-05-30 22:29:32

你能告訴我們你試過了嗎？首先，格式化你的代碼，你可以使用PHP來縮小或縮小隻有實時版本（保留一個非版本的開發）

看看那個鏈接，我會說你需要應用float/display在dl .dropdown或.dropdown我並不在你的代碼中看到...

來源

2011-05-26 00:09:41 Claudiu

呀，在你點擊框，<dt>箱，使其具有的float: left風格，也給一個float: left到<dd>包含所有選擇。

來源

2011-05-26 00:11:55 Vap0r

你不必（或不應該）將「float：left」添加到

– 2011-05-26 00:16:57

剛剛測試過，只爲'

'添加'float：left'導致了一個錯誤的佈局，不像OP通緝。 – Vap0r 2011-05-26 00:19:04

我使用的是Firefox 4.0.1，它工作正常。猜測它在其他瀏覽器/系統中的工作方式不同。 – 2011-05-26 00:25:21

製作一個jQuery下拉框顯示內嵌

回答

相關問題