Три вопроса

[ctpz]

Решил сверстать сей макет:

изображение удалено

Возникло несколько вопросов по верстке:

1. Как сделать, чтобы пункты списка начинались не с точки а с тире (левый сайбар). [РЕШЕНО]
   
2. Как сделать тень только с двух сторон (левый сайдбар).
   
3. Как правильнее всего будет выполнить заголовок (там куча линий и текст посередине). [РЕШЕНО]
   

Помогите пожалуйста с этим.

Edited August 12, 2011 by ctpz

[psywalker]

Возник еще один вопрос: как правильно написать Company Name

так:

<h1>Company</h1><h2>Name</h2>

или как-то по-другому

<h1>Company<span>Name</span></h2>

[kidrock]

<h1>Company<span>Name</span></h2>

<h1>...</h2> - опечатка, или я чего-то упустил? =)

[psywalker]

<h1>Company<span>Name</span></h2>

<h1>...</h2> - опечатка, или я чего-то упустил? =)

Да, опечатка, ты прав. Конечно же так:

<h1>Company<span>Name</span></h1>

[Анна]

У меня вопрос по макету, вот все линии можно оставить картинкой, а как с линией под Company? В блок её? Еще вопрос hr- не применяется уже совсем?

[ctpz]

Этот макет верстать нельзя.

[SelenIT]

hr- не применяется уже совсем?

Применяется, но не для рисования линий, а для разделения секций документа (т.н. "немой заголовок", вроде "* * *" между некоторыми абзацами в старых книгах). А линии и логичнее, и удобнее рисовать бордерами. Две начальных буквы можно подчеркнуть как-то так...

[Анна]

Этот макет верстать нельзя.

Нет, я не собираюсь), просто задаю вопросы на интересующие меня моменты.

SelenITЧестно говоря, как подчеркнуть именно под Co, было понятно, но там линия выходила за эти буквы до левого края вроде. Еще вопрос, а em в фонтах сейчас вроде тоже не советуется использовать?

[SelenIT]

Имхо, не то чтобы не рекомендуется, просто в них нет такой острой необходимости, как раньше (во времена IE6, кот. совсем не умел масштабировать шрифты в px), а их преимущества не слишком убедительно перевешивают неудобства (скачки line-height из-за округления, трудности пересчета при глубокой вложенности и т.п.). Перспективным вариантом могут стать rem-ы (относительные em-ы — не от непосредственного предка, а от корневого элемента), но когда еще IE научится их понимать... Поэтому пока пиксели, имхо, практичнее всего (хотя вопрос до сих пор "холивороопасный").

[ctpz]

Еще один вопрос. Вот я сверстал, но не до конца. http://ctpztest.3dn.ru/maket/index.html

Но здесь нет низа. что надо исправить, чтобы низ появился. margin, padding не помогают.

[Softlink]

а что там должно быть? Футер-то добавь.

[ctpz]

Ну так я добавлял, но #side, #main и #nav так выстроены благодаря

position: absolute;

. Таким образом у меня футер находится под шапкой.