Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 432 Просмотров
*

sprint007

  • Осваиваюсь на форуме
  • ***
  • 29
  • 0
Есть такая конструкция

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

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

Ilhom666

  • Живу я здесь
  • ******
  • 1296
  • 166
можете попробовать так:
Код: css
.block > div {
    float: right;
}

хотя, имхо, изврат это...
*

sprint007

  • Осваиваюсь на форуме
  • ***
  • 29
  • 0
Если бы float... :)) нужно было чтобы обязательно на li "наезжал" в итоге после небольших извращений получилось, может кому пригодиться тоже.

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

/* тот самый div */ {
   width:25px;
   position: relative;
   z-index: 2;
   top: 30px;
   left:940px;
}
*

AlekVolsk

  • Профи
  • ********
  • 6301
  • 336
Также добавьте display:inline; а от отрицательного маргина избавьтесь - дурной тон его использовать (только в крайних случаях)
Если бы предоставили ссылку на ресурс с описанием проблемного места - было бы понятнее, как именно вам помочь.