Форум русской поддержки Joomla!® CMS
08.12.2016, 02:11:32 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как правильно сдвинуть эти элементы не пойму?

 (Прочитано 307 раз)
0 Пользователей и 1 Гость смотрят эту тему.
sprint007
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« : 09.03.2015, 17:25:45 »

Есть такая конструкция

<div class="block">
<div>...</div> <!-- вот этот div мне нужно переместить "визуально" внутрь тега li, не меняя сам код -->
<ul>
<li>...</li> <!-- а li нужно сдвинуть вверх -->
</ul>
</div>

Как правильно это сделать?


* 123.jpg (4.87 Кб, 703x114 - просмотрено 88 раз.)
Записан
Ilhom666
Живу я здесь
******

Репутация: +157/-0
Offline Offline

Сообщений: 1340



« Ответ #1 : 09.03.2015, 18:53:46 »

можете попробовать так:
Код
.block > div {
   float: right;
}
 

хотя, имхо, изврат это...
Записан
sprint007
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #2 : 10.03.2015, 07:32:16 »

Если бы float... Azn) нужно было чтобы обязательно на li "наезжал" в итоге после небольших извращений получилось, может кому пригодиться тоже.

.block li{
margin-top:-25px;
}

/* тот самый div */ {
   width:25px;
   position: relative;
   z-index: 2;
   top: 30px;
   left:940px;
}
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6458



« Ответ #3 : 10.03.2015, 08:26:58 »

Также добавьте display:inline; а от отрицательного маргина избавьтесь - дурной тон его использовать (только в крайних случаях)
Если бы предоставили ссылку на ресурс с описанием проблемного места - было бы понятнее, как именно вам помочь.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet