gnomikprazdnik
-
Posts
12 -
Joined
-
Last visited
gnomikprazdnik's Achievements
Explorer (1/14)
0
Reputation
-
Подскажите как сделать такую фичу?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
Большое спасибо! -
Подскажите как сделать такую фичу?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
<!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>Что-то делаю не так... -
Подскажите как сделать такую фичу?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
Это возможно сделать только через js или можно обойтись css? -
Подскажите как сделать такую фичу?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
Простите, вероятно я опять неудачно изъяснил свою мысль... Я бы хотел сделать так, чтобы оно стало фиксированным в определенный момент скролинга, то-есть, есть логотип и он большой, 500рх, а под ним меню, и оно должно становится фиксированным только когдя логотип уже прокрутился. -
Будте любезны, подскажите, как сделать меню которое при скролинге как-бы упирается в браузер и становится фиксированым? Вот отличный пример http://catarinariccabona.com/
-
Центральное позиционирование резинового блока?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
Switch74, Спасибо, очень пригодится! user, спасибо большое, это именно то, что я хотел) Всем спасибо, с праздниками! -
Центральное позиционирование резинового блока?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
Видимо когда копировл, случайно удалил одну строку... В любом случае простите. Скриншот: Задача сделать, чтобы теги были по центру, но когда строка заполнена переносились на следующую справа а не по центру, именно по этому я не могу использовать text-align:center; -
Центральное позиционирование резинового блока?
gnomikprazdnik replied to gnomikprazdnik's question in HTML Coding
Сейчас у меня вот такой код: <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>. -
Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>
-
Вертикальное центрирование не известно по высоте блока?
gnomikprazdnik posted a question in HTML Coding
Имею такую структуру: <div id="header"><div id="logo"></div></div><style>#header {height: 100%} #logo img{ width: 80%;}</style>Как задать вертикальное центрирование блоку "#logo"? -
Спасибо Вам большое!
-
Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <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/ Обратите внимание, что первое фото с логотипом при любом размере экрана занимает всю ширину и высоту, но сразу-же за ним идет второе фото, которое находится точно на грани экрана.