Как вставить картинки?

[Heyjay]

Привет народ!)я начал учиться верстке, пока ничего не умею пробую сверстать простой макет нарисованный мною в фотошопеПередо мною встала задача как вставить картинки (см. на рисунке) Если CSS вставлять, то они как фон будута по другому не знаю какВообще как их обычно вставляют в диз? имеет ли какое-то значение "как вставляют" для поисковых машин?

 

[Avaldos]

Кхм

 

[Heyjay]

Avaldos,если я в html размещу то они просто будут слеваа там еще отступ нужен

 

[marilym]

Кхм

 

[freemasons]

http://css-live.ru/http://htmlbook.ru/

 

[Heyjay]

<div id="vktag"><img src="ggg/tags/soc_t_09.jpg" alt="Наша группа ВКонтакте"></div>Это правильно?

 

[marilym]

Цитата: HeyjayЭто правильно?да. но лучше использовать классы. и обернуть все картинки в один див а не каждый по отдельности.<div class="classname">    <img src="ggg/tags/soc_t_09.jpg" alt="Наша группа ВКонтакте">    <img src="ggg/tags/soc_t_08.jpg" alt="Наша группа ВКонтакте">    <img src="ggg/tags/soc_t_07.jpg" alt="Наша группа ВКонтакте">    <img src="ggg/tags/soc_t_06.jpg" alt="Наша группа ВКонтакте">    <img src="ggg/tags/soc_t_05.jpg" alt="Наша группа ВКонтакте"></div>в css прописываешь уже .classname{..}.classname img{...}и делаешь с ними все что захочешь

 

[Heyjay]

Цитата: marilym.classname{..}.classname img{...}Это в .classname{..}я прописываю позиционированиеа в .classname img{...}размер и пр?И еще вопрос, а почему точка вместо #?и как сделать картинку ссылкой правильно?я пишу например<a href="vk.com"><img src="ggg/tags/soc_t_01.jpg" alt="Наша страница ВКонтакте"></a>ссылка как понятно должна быть на сторонний сайт,а когда нажимаешь на ее, он заходит имя_сайта.ru/vk.comи еще есть проблема: чтобы я не написал в этим иконкам в css они почему то упали вниз и не сдвигаются никуда (Сначала все нормально было но как новый класс добавил что-то случилось)((

 

[pipulas]

Цитата: HeyjayИ еще вопрос, а почему точка вместо #?Вот правило:ID -> #class -> .Цитата: Heyjayссылка как понятно должна быть на сторонний сайт,а когда нажимаешь на ее, он заходит имя_сайта.ru/vk.comДобавь http://vk.com

 

[Heyjay]

и еще,как сделать так, чтобы определенная область с графикой (Например шапка сайта) всегда находилась по середине? дело в том что когда заходишь на страницу с другого разрешения экрана она косячно отображается и левый столбик отображается на половину

 

[леший]

Цитата: Heyjayкак сделать так, чтобы определенная область с графикой (Например шапка сайта) всегда находилась по середине? дело в том что когда заходишь на страницу с другого разрешения экрана она косячно отображается и левый столбик отображается на половинувсё зависит от того, какой шаблон верстается, фиксированный или резина, так же стоит определится с минимальным расширением (например 1024х768 меньше этого уже не актуально). Если делаете резиновый шаблон, то для шапки можно указать в css значениеmargin-left:auto;margin-right:auto;При этом указав минимальную ширину для body (меньше которой body не будет сжиматься)эта ширина подгоняется под минимальное расширение, например если под расширение 1024х768, то минимальная ширина шаблона (body) 1000px.