Включение раскрывающегося списка jQuery - PullRequest
Новая
       9

Включение раскрывающегося списка jQuery

0 голосов
/ 26 мая 2011

Я пытаюсь использовать этот плагин jQuery для выпадающего списка.Мне бы хотелось, чтобы в раскрывающемся списке рядом с был текст, а не под ним.Я пробовал свойства float и display, и мне кажется, что это что-то действительно простое, но я просто не могу его получить.

Демонстрация: http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/

Код CSS ввопрос: 

    .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;}

Есть идеи?

Ответы [ 2 ]

0 голосов
/ 26 мая 2011

Да, на поле, на котором вы щелкаете, поле <dt>, сделайте его в стиле float: left, также присвойте float: left <dd>, содержащему все варианты выбора.

0 голосов
/ 26 мая 2011

Можете ли вы показать нам, что вы пытались? Прежде всего, отформатировав свой код, вы можете использовать PHP, чтобы минимизировать или минимизировать только живую версию (сохраняйте незавершенную версию для разработки)

Глядя на эту ссылку, я бы сказал, что вам нужно применить float / display к dl.dropdown или .dropdown, чего я не вижу в вашем коде ...

...