Jump to content

gnomikprazdnik

Newbie
  • Posts

    12
  • Joined

  • Last visited

Everything posted by gnomikprazdnik

  1. <!DOCTYPE html><html><head><meta charset="utf-8"><style> body { color: #333; } .fixed { position: fixed; } .logo { height: 500px; } .nav { text-align: center; margin: 0 auto; width: 100%; } .nav a { color: #000; display: inline-block; padding: 10px; } .page { height: 2000px; }</style> <script>$(window).scroll(function() { var scrollTop = $(window).scrollTop(); if (scrollTop>500) { $('nav').addClass('fixed'); }else { $('nav').removeClass('fixed'); }}); </script> </head> <body> <div class="logo">Site</div> <div class="nav"> <a href="#">Главная</a> </div> <div class="page"></div></body></html>Что-то делаю не так...
  2. Это возможно сделать только через js или можно обойтись css?
  3. Простите, вероятно я опять неудачно изъяснил свою мысль... Я бы хотел сделать так, чтобы оно стало фиксированным в определенный момент скролинга, то-есть, есть логотип и он большой, 500рх, а под ним меню, и оно должно становится фиксированным только когдя логотип уже прокрутился.
  4. Будте любезны, подскажите, как сделать меню которое при скролинге как-бы упирается в браузер и становится фиксированым? Вот отличный пример http://catarinariccabona.com/
  5. Switch74, Спасибо, очень пригодится! user, спасибо большое, это именно то, что я хотел) Всем спасибо, с праздниками!
  6. Видимо когда копировл, случайно удалил одну строку... В любом случае простите. Скриншот: Задача сделать, чтобы теги были по центру, но когда строка заполнена переносились на следующую справа а не по центру, именно по этому я не могу использовать text-align:center;
  7. Сейчас у меня вот такой код: <style>#post {width: 500px;}#one {display:block;}#tags {background: #f30;margin: 0 auto;}#tags a{color: #777;padding-right: 5px; padding-left: 5px;}<div id="post"><img><caption><div id="one"><div id="tags"><a>Tags</a><a>Tags</a><a>Tags</a><a>Tags</a></div><div id="date">18/12/2156</div></div></div>Если блоку #tags сейчас добавить textalign center, то ссылки будут по центру, однако это не то, что я хотел, простите, возможно я не точно выразил свою мысль. Мне нужно чтобы ссылки равнялись по правому краю когда произойдет перенос строки. Я не силен в кодах и по этому не понимаю почему margin: 0 auto; не работает. К томуже это тема для tumblr так что, как мне показалось способ примененный в ссылке, что скинул "iKNG"(Спасибо!) не подойдет т.к. я немогу вносить изменения в код ссылок, они будут выглядеть как просто ссылки, без класса, и тем более я несмогу в каждую добавить <span>.
  8. Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>
  9. Имею такую структуру: <div id="header"><div id="logo"></div></div><style>#header {height: 100%} #logo img{ width: 80%;}</style>Как задать вертикальное центрирование блоку "#logo"?
  10. Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом при любом размере экрана занимает всю ширину и высоту, но сразу-же за ним идет второе фото, которое находится точно на грани экрана.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy