Sign in to follow this  
a1rborn

<div> в линию

Recommended Posts

Столкнулся со следующей проблемой

Хочу разместить несколько див элементов в одну строку, что бы они шли по очереди, без интервалов.

Получается это сделать, если для каждого див элемента прописывать лефт\топ\райт позицию. Это довольно долго, и, как мне кажется, не совсем правильно.

По другому никак не могу сделать.

К примеру, в css в класс див вставлял display:inline - не помогло, пробовал float - тоже нуль результатов.

Буду благодарен за помощь

Код html


<html>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<div class="qwe" style="position:absolute;">див 1 </div>
<div class="qwe" style="position:absolute;">див 2 </div>

</body>
</html>

Код css


body
{background:#333333;
}

.qwe {
background:#009999;
display:inline;

Share this post


Link to post
Share on other sites

Не дружище, вот только что ради проверки вставил флоат, не помогает. Мб где то еще надо что то подредактирвать?

Получается что флоат работает для каждой новой див отступом не от предыдущей див, а просто от левого края экрана

Share this post


Link to post
Share on other sites

Позишн убери. Флоат поставь.

http://jsfiddle.net/2QwJJ/

Float при наличии

display:inline

явно избыточен. Кстати, может все же лучше

display:inline-block

А то у Вас, a1rborn, получаются span'ы.

Edited by Starter

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,451
    Total Members
    3,128
    Most Online
    rhouland
    Newest Member
    rhouland
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал.   Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби.  В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой.  Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
    • Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
  • Popular Contributors