BblIIIu6aJIa>onlypro

Позиционирование содержимого

Recommended Posts

415140360_Annotation2019-07-31132304.thumb.png.e4db92dba6467898ce760a6c57e1abbc.png

Посмотрите пожалуйста, на данный скрин

На данной странице, я закрепил - содержание - к экрану

2 вопроса:

Если я оставлю ссылки слева, то последняя глава останется в блоке, и не будет залезать на общий текст,а если переношу на права, то как видите накладывается текст на текст
Почему "Содержание!!!" осталось слева ?

<nav class="content">
 <h2>Содержание!!!</h2><br>
 <a href="..." class="href">ссылки</a>
</nav>
css
 
.content{
background: #fff;
position: sticky;
top:0;
padding-bottom: 20px;
padding-top:0px;
}
.href{
float:right;
}
Edited by BblIIIu6aJIa>onlypro

Share this post


Link to post
Share on other sites
22 минуты назад, BblIIIu6aJIa>onlypro сказал:

Почему "Содержание!!!" осталось слева ?

Потому, что вправо, с помощью float:right; вы прижали ТОЛЬКО класс .href, а у заголовка нет этого класса.

Share this post


Link to post
Share on other sites

наверно потому что вы используете float
почитайте о том что делает float с потоком и как это исправить например через clear

Share this post


Link to post
Share on other sites
3 минуты назад, AlexZaw сказал:

Потому, что вправо, с помощью float:right; вы прижали ТОЛЬКО класс .href, а у заголовка нет этого класса.

А заголовок, разве не попадает под класс блока nav ?

И если я включу его в общий класс, то получится такое552269619_Annotation2019-07-31151107.thumb.png.0779d407192d0b841cb88a45ff369b7c.png

5 минут назад, Switch74 сказал:

наверно потому что вы используете float
почитайте о том что делает float с потоком и как это исправить например через clear

Скорее всего, я задам еще много подобных вопросов
Увы, я ничего не понимаю что там написано

Share this post


Link to post
Share on other sites
5 минут назад, BblIIIu6aJIa>onlypro сказал:

А заголовок, разве не попадает под класс блока nav ?

Заголовок то находится в блоке nav,  вот только  вправо вы прижимаете не весь блок nav, а только элементы с классом .href, что согласитесь, не одно и то же.

9 минут назад, BblIIIu6aJIa>onlypro сказал:

Увы, я ничего не понимаю что там написано

Читайте, разбирайтесь, попробуйте пройти бесплатные курсы на htmlacademy. Хоть float сейчас и не очень часто используется(за исключением Bootstrap 3), но понимать его необходимо.

Share this post


Link to post
Share on other sites

Тема сисек раскрыта, спасибо за заданное направление

position: fixed

right: 0:

и дальше поиграться с другими свойствами!

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

  • 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