элементы данных должны плавать - PullRequest
Новая
       8

элементы данных должны плавать

0 голосов
/ 01 апреля 2012

У меня есть следующий код, созданный с помощью элемента управления datalist:

http://jsfiddle.net/vmE2E/1/

Но я не могу всплыть в UL рядом с отступом между ними. Пожалуйста, вы можете помочь?

редактировать: добавлен код 

<span style="display:inline-block;background-color:Transparent;border-color:#404040;border-style:None;" id="DataList1"><span style="color:Transparent;background-color:Transparent;">

                <ul class="latest-posts">
                   <li>
                    <a href="http://www.site.co.uk/blog/post/using-jquery.aspx">
                        using jquery<br>
                    </a>
                    </li>
                </ul>

            </span><br><span style="color:Transparent;background-color:Transparent;">

                <ul class="latest-posts">
                   <li>
                       <a href="http://www.test.co.uk/First-Blog-Post.aspx">
                        First Blog Post<br>
                    </a>
                    </li>
                </ul>

            </span></span>

1012 * CSS *

ul.latest-posts
{
    width:500px;
    border:1px solid black;
}


ul li.latest-posts

{
    float:left;            
}

Ответы [ 2 ]

1 голос
/ 01 апреля 2012

Это необычное / ненужное использование разметки (встроенный блок span, span используется в качестве контейнеров для элементов блока и т. Д.). Простое удаление этого <br> поместит ваши разделы рядом друг с другом (но не потому, что они плавающие, а потому, что они span, то есть они остаются встроенными)

0 голосов
/ 01 апреля 2012

см. Скрипту и код и демо

Скрипка: http://jsfiddle.net/vmE2E/2/

Демо: http://jsfiddle.net/vmE2E/2/embedded/result/

...