мои знания по вёрстке остались в далёком 2005ом. вот проблема - надо сверстать шапку, открываю div с id wrapper, в коскадах диктую ему, что он имеет фон картинку, ширину по экрану и расположение авто. ок - основа для шапки есть. дальше внутри этого тэга открываю тэг header, в стилях пишу ему , что он максимально идёт в 1520 пиксилей, разположен по центру и высотой в 100 px. это уже основа для левого текста и правых ссылок. теперь на странице я вижу саму шапку с полупрозрачным фоном, который по сути пнг картинка черного цвета с прозрачностью в 55%, но это детали. внутри этого header я по логике хочу расположить слева текст и справа ссылки. таблицы применять никак не хочу, ибо 21 век и всё такое. в общем ставлю ещё один div с id top_menu в каскадах пишу что margin: left; и паддинг 41 px, дабы он не уходил вверх. на страницу появился текст в нужном месте. и всё. теперь моя логика люто зверствует. я хочу так же поставить div с id links и в каскадах сказать ему, что они float: right и padding на 44 px. в сам этот тег для примера пишу FDFFF, сохраняю. на странице эти самые FDFFF уходят вниз от шапки. т.е. 44 пиксиля ниже нижней граници темной шапки. вот такой вот я не грамотный)
ох есбать человек. я тебя люблю. я потратил пару часов, что бы найти ошибку... исправил на флаут и правые ссылки вернулись на место. бля. чел. дай свой id в вк... плз. с меня шоколадка.
не будет ли совсем по охуевшему спросить ещё пару вопросов у тебя? мне на самом деле нужна помощь. сейчас постараюсь обьяснить своё положение. живу в нз, работаю на куринной фабрике. пока не переехал в нз - работал графическим дизайнером в обычной полиграфии. лет ещё в 13-14 (2003-2004) увлекался html, и даже делал некоторые успехи. в принципе с этого и началось моё знакомство с пакетом adobe, от туда и любовь к дизайну. так вот - нашёл обьявление, ищёт верстальщика и граф дизайнера, оклад 45-55 тысяч в год, при условии что сейчас я зарабатываю где-то 28 тысяч. я решил нарисовать портфолио для них. срок есть где-то месяц. вообще с логикой дружу. например css я до этого вообще не понимал да и не знал как он работает ибо раньше верстал таблицами. вот открыл пару хабрахабровских статей и проник что да как. ставлю большие надежды на эту работу. так вот - если тебе не сложно - не мог бы ты иногда помогать мне советами?
например сейчас меня интересует след. задача - есть основной фон, нужно положить на верх него другую картинку, которая заведомо полупрозрачна. и при скроллинге вниз, нужно что бы верхий слой img начал немного подниматься. логически могу предположить что это изменение position в каскадах или как-то через html5. и я понятия не имею с чего начать.
Начни с javascript, лучше используй библиотеку jQuery, с ней проще будет. То, что ты хочешь сделать можно реализовать только с помощью скрипта, т.к. ни html, ни css не умеют отслеживать скроллы мыши.
ОНО СОЖРАЛО верстку (
div style="width: 1000px; background: #eee; color: #000; margin: 0 auto;"
div style="display: inline-block;" Left text /div
div style="display: inline-block; float: right;" Right links /div
/div
Как только ты ставишь любой флоат твой тег тутже превращается в блочный эелемент.
т.е. display для div style="display: inline-block; float: right;" Right links /div будет уже не inline-block, а block
'SA':
h * • .
If 4
*1 <H¡F
Ш • .
» I
Cl
ú¿
Ljfl
Ч ЩЯЛ
^ТГ йУ r - "jr
{ - -; "^nr
внйц 3j •, I 1*
ч штХ~ ! ’ i
4 a* ? 14
?, jf¡. -11
w ■ cj 7*S3T B •• L
wJBtfi tiCSSSSr'
w : я
V
1 * ftM
«. IV
1нп!.с?- ;,■
«■£ r..
дои
K'. 'ijfe ■ f i
ill
Й s I
IP
r
может float: left; все-таки?
например сейчас меня интересует след. задача - есть основной фон, нужно положить на верх него другую картинку, которая заведомо полупрозрачна. и при скроллинге вниз, нужно что бы верхий слой img начал немного подниматься. логически могу предположить что это изменение position в каскадах или как-то через html5. и я понятия не имею с чего начать.
Начни с javascript, лучше используй библиотеку jQuery, с ней проще будет. То, что ты хочешь сделать можно реализовать только с помощью скрипта, т.к. ни html, ни css не умеют отслеживать скроллы мыши.
Вариант первый: тот блок, который float: right; поставь первым, т.к. float это обтекание.
Вариант второй, грамотный, используй display: inline-block;
div style="width: 1000px; background: #eee; color: #000; margin: 0 auto;"
div style="display: inline-block;" Left text /div
div style="display: inline-block; float: right;" Right links /div
/div
т.е. display для div style="display: inline-block; float: right;" Right links /div будет уже не inline-block, а block
ООО, дальше вообще полный трэш :)
Лучше б дал ссылку или выложил код.
и всё же люди сверху поняли.