none
Расположение элементов RRS feed

  • Вопрос

  • На вэб странице имеется два элемента  находящиеся один под другим.
    Как  в HTML правильно разместить один за другим в строчку не используя таблиц?

    Пробовали использовать float, но это не помогло.
    27 сентября 2012 г. 9:29

Ответы

  • <div style="; left:0px;">test 1</div>
    <div style="; left:100px; top:-20px">test 2</div>
    У меня вот так ровно получилось =) Возможно существует и другое решение.
    • Помечено в качестве ответа Andrey_ua 27 сентября 2012 г. 10:08
    27 сентября 2012 г. 9:57

Все ответы

  • С помощью div не пробовали?
    27 сентября 2012 г. 9:33
  • Div как и другой элемент становятся один под другим. Нам необходимо в строчку.
    27 сентября 2012 г. 9:39
  • <div style="float: left">test 1</div>
    <div style="float: left">test 2</div>

    Вот так. Только блок автоматически преходит на др строчку, если ему не хватает места на строчке в родительском контейнере.

    27 сентября 2012 г. 9:43
  • Float использовать не можем.
    27 сентября 2012 г. 9:46
  • ну значит используйте относительное позиционирование. А почему ну можите использовать float? 

    PS хотя относительное позиционирование это убого.

    • Изменено Cm4ker 27 сентября 2012 г. 9:49
    27 сентября 2012 г. 9:47
  • ну значит используйте относительное позиционирование. А почему ну можите использовать float? 

    А можно пример?

    Float не подходет так как на странице динамические картинки которые используют drag и получаются проблемы.

    27 сентября 2012 г. 9:52
  • <div style="; left:0px;">test 1</div>
    <div style="; left:100px; top:-20px">test 2</div>
    У меня вот так ровно получилось =) Возможно существует и другое решение.
    • Помечено в качестве ответа Andrey_ua 27 сентября 2012 г. 10:08
    27 сентября 2012 г. 9:57
  • Если это блочные элементы, используйте свойство CSS display: inline-block; Они отобразятся рядышком. Если они встроенные, то должны и так отображаться рядом.
    • Предложено в качестве ответа Cm4ker 27 сентября 2012 г. 10:01
    27 сентября 2012 г. 9:57
    Модератор
  • Если это блочные элементы, используйте свойство CSS display: inline-block; Они отобразятся рядышком. Если они встроенные, то должны и так отображаться рядом.
    Да реально классное свойство =)
    27 сентября 2012 г. 10:02
  • display: inline-block; дал больше проблем чем помог.

    Мы решыли проблему при помощи left:

    <div id="1" style=";"></div>

    <div id="2" style="; left:200px;"></div>

    Большое спасибо.

    27 сентября 2012 г. 10:08
  • На него и другие свойства влияют, просто нужно найти баланс, а то это очень мощное свойсво, правда в старых версиях IE не очень работает.
    27 сентября 2012 г. 10:10
    Модератор
  • Да, но в нашем случае его использовать не возможно.
    27 сентября 2012 г. 10:13