zhuravlik

Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас так: [блок Left][ПУСТО ] [ПУСТО ] _______________________[ПУСТО ][блок Right_l] [блок Right_r]

Спасибо, это то))

Здравствуйте. Помню смотрел какие-то видеокурсы, там использовался аттрибут в css, устанавливающий рамку у дива, но не бордер, а что-то другое. Суть в том, что она не занимала границы, и после ее снятия не надо было заново пересчитывать координаты. То есть если я ставлю бордер 2px, а потом убираю, мне после этого надо у всех элементов внутри дива менять положения на эти 2px. Рамка мне нужна просто чтобы визуально видеть границы дива. Примочки с плагином firefox - неинтересно, приходится каждый раз ставить заново, после обновления страницы. Что это за тег такой никак не вспомню, и не найду...

Здравствуйте. Пишу сайт - http://saionara.fd0.ru/, исполоьзовал скрипт лавалампы, но при переходе на первый уровень меню, полоска раздвигается на две первые ссылки. Не знаю, как сказать точнее, тут по-моему лучше увидеть. Можно это как-нибудь победить? Хотелось бы, чтобы работало независимо от переходов по выпадающим менюшкам... Может кто сталкивался? Тут по-моему надо подправить сам скрипт, чтобы перемещение по подчиненным элементы li на него не влияли, но не знаю как.

html: <div id="header"> <div id="menu"> <ul> <li class = "first"><a href="">О нас</a></li> <li><a href="">Ароматы</a></li> <li><a href="" target = "_blanc">Подарочные наборы</a></li> <li><a href="" target = "_blanc">Галерея</a></li> <li><a href="" target = "_blanc">Уход за кожей</a></li> <li><a href="" target = "_blanc">Косметика</a></li> <li><a href="" target = "_blanc">Аксессуары</a></li> <li><a href="" target = "_blanc">Контакты</a></li> </ul> </div> </div> css: #menu ul { margin:0; } #menu li { display:inline; } Вопрос: Хочу сделать навигационный список. Я выровнял его по вертикали, свойством "inline". Как мне сделать теперь так, чтобы он центрировался внутри дива? То есть, если изменится количество ссылок, чтобы он был все-равно по центру? все, решил, извините за беспокойство)) http://slaffko.name/blog/item/kak-otczentrirovat-gorizontalnyj-spisok.html

Вот я осел))))))))))))))))))))))))))) Спасибо)

Html: <div id="TopLeftMenu"> <div id="subscribe">Subscribe to:</div> <div id="textlinkmenu"> <ul> <li class="first"><a href="#">Posts</a></li> <li><a href="#">Comments</a></li> <li><a href="#">Email</a></li> </ul> </div> </div> CSS: #TopLeftMenu { float:left; position:absolute; top:20px; font-size:1.1em; color:#485766; } #subscribe { position:absolute; } #textlinkmenu { padding-left:80px; } Я хочу понять, как расстояния переносятся из макета psd в страничку. Вот - в верхнем рисунке, в psd макете, если верить фотошоповской линейке расстояние дива #textlinkmenu от начала контейнера должно быть 80px, и при этом видно что в фотошопе расстояние между "Subscribe to:" и панелью ссылок нормальное. А у меня, когда я переношу размеры в веб, точно по макету не получается (при этом размер шрифта одинаковый). Я подчеркнул это различие на втором рисунке, где знак вопроса.

Здравствуйте. Помогите пожалуйста, сам уже туплю))). Вот кусочек макета из фотошоп: желтым кружочком выделено расстояние, измеренное инструментом "линейка", приблизительно 80px, размер шрифта - 11px. То есть список ссылок должен отступать от надписи "subscribe to:" на 11 px, или от начала главного контейнера на 80px. Это то, что получается в итоге. И я уже сломал весь мозг, почему так!! Чтобы не громоздить тут свой код, я выложил проект на хостинг: http://www.zhuravlik.b13.su/. Уважаемые спецы, помогите неофиту))) з.ы. еще пара второстепенных вопросов 1. Правильно ли я сделал, что создал topleftmenu, вместо того, чтобы на каждый див заново задавать отступ сверху и цвет/размер текста? 2. Следует ли из-за одной строчки (subscribe) писать стиль в подключаемом файле, вместо того, чтобы задать его в документе? 3. Есть ли какие-то четкие принципы расположения div внутри другого div? То есть в каких случаях к этому прибегать, надо ли как-то по особому оформлять для этого стили?

спасибо всем)

блин( я сюда заходил в поисках истины, но не спикинглишь к сожалению... с лингвой отдельные участки текста понимаю, но общий смысл трудно уловить. Хорошо, просто скажите, если не затруднит, 1 em = высота шрифта, а ОТКУДА берется эта высота шрифта?? Это значение браузера по умолчанию? И чему оно равно?

У меня вопрос. Как определить em? Для этого какой-то калькулятор существует? Потому что нельзя же на глаз прикинуть h1 a img { display:block; height:2.833em; 42px width:19.5em; 234px } h1 a span { color:#93B9EB; display:block; font-size:1.2em; - 14px margin-left:42px; margin-top:-8px; } Слева - размер в пикселях, взятый инструментом линейка из макета. Это просто считать пропорции? Тогда чему равен 1 em по умолчанию? И почему он задает только размеры, а расстояния (margin) - в пикселях? Разве вся страница не должна быть в одном формате? Я имею в виду, что em нужен потому, что при увеличении страницы он тоже пропорционально будет увеличиваться, а пиксели - нет. Или я где-то ошибаюсь?

Спасибище огромное)))))))

Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> <li>Три</li> <li>Четыре</li> <li>Пять</li> </ul> </div> </body> </html> В результате его работы, я получаю вот это: Один Два Три Четыре Пять Вопрос. Мне нужно убрать пробелы между элементами списка, т.е. чтобы получилось вот так: ОдинДваТриЧетыреПять Подскажите пожалуйста, кто опытный, как это сделать.