Search the Community

Здравствуйте. Решил выложить верстку в массы на обсуждение. Прошу указать на допущенные ошибки, семантичность/ не семантичность кода. Впечатления, пожелания. Макет: статический Кроссбраузерность: IE7+, opera 20+, firefox, chrome, safari HTML: 4 Ссылка: http://atemiks.meximas.com/portfolio/minima/

Хотел узнать, как искать скрипты для сайта который дали на верстке. Например в дизайне есть какой то эффект который требует скрипта то тогда как можно найти этот скрипт ?

Я только начал свой путь в этом деле. Решил попрактиковаться,скачал шаблон,решил его посильней изменить. Решил сделать резиновую(адаптивную) верстку,с горем пополам справился. Вот теперь столкнулся с проблемами и целый день не могу справиться,голова кипит, знающих прошу помочь,пока я с ума не сошел. 1)съехавшие картинки-ссылки ни при каких условиях не хотят возвращаться и становиться горизантально. Нужно чтобы они всегда были в центре окна браузера. 2)точно так же в самом центре нужно чтобы стояла картинка баннер вверху. 3)самое верхнее меню надо чтобы своим правым краем не пересекала красную линию. Пытался поменять как только можно,что знаю,и меню только немного уезжает вверх. Пожалуйста,вытащите меня из тупика. /* CSS Document */ html,body { height: 100%; max-height: 1280; margin:0; padding: 0; }body { font:11px Arial, Helvetica, sans-serif; color:#535353; background:#FFFDE4 url(../images/bg.jpg) left top repeat-x; margin:0px; padding:0px;}#container { width:80%; margin:0px auto; text-align:justify; }.banner { position:center; /* Положение слоя от левого края */ margin-left: 15%; /* Отступ слева */}.header { height:32px; background:#1B1B1B; text-align:right;}.workzone { padding:28px 0px 0px 0px;}#sidebar { float:left; margin-left: 22%; border: 1px solid #333; /* Параметры рамки вокруг */ margin-right: 20px; margin-bottom:45px; width: 200px; /* Ширина слоя */ padding: 5px; /* Поля вокруг текста */ }#content {font-size: 20px;text-align:justify; background: #eee 100; /* фон контента */ margin-right: 22%; margin-left:; padding: 20px ; /* поле слева */}.latestprojectzone { padding:20px 0px 0px 0px; margin: 20px 0px 0px 0px;}.projectgallery { border-bottom:1px solid #CCCAB6; padding-bottom:20px; color: #000000;}.project-img { width:50px; height:50px; margin-left:10px; margin-right:10px; float:left; display:block; }.clear { clear:both; margin:0px; padding:0px;}.footer { background:url(../images/footer.jpg) left bottom repeat-x;}.footerinside { width:950px; margin:0 auto; text-align:right; padding:11px 16px 45px 0px; color: #F3F3F3;}/* Menu Styles Start Here */a { color:#000000; text-decoration:underline;}a:hover { text-decoration:none;}.topmenu { padding:7px 0px 0px 0px;}.topmenu ul { margin:0px; padding:0px}.topmenu li { display:inline; border-right:1px solid #ffffff; padding:0px 10px 0px 10px;}.topmenu li a{ font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}.topmenu li a:hover { color:#cccccc;}.footerlink {}.footerlink ul { margin:0px; padding:0px;}.footerlink li { display:inline; border-right:1px solid #ffffff; padding:0px 10px 0px 10px;}.footerlink li a{ color:#ffffff; font-weight:bold; text-decoration:none;}.footerlink li a:hover { color:#cccccc;}ul#menu {list-style-type:none; margin:0; padding:0;}ul#menu li a{ color:#909090; /* цвет букв в обычном состоянии */ background: url(images/vert_menu.png) no-repeat 0 0; /* путь к изображению */ text-decoration:none; width: 200px; height: 55px; display:block; border:none; text-shadow: #ddd 2px 2px 0; /* цвет тени у букв в обычном состоянии */ }ul#menu li a:hover{ background-position: 50% 100%; width: 200px; height: 55px; display:block; color:#fff; /* цвет букв в активном состоянии */ text-shadow: #1185EE 2px 2px 0; /* цвет тени у букв в активном состоянии */}ul#menu li a span{ font-family:sans-serif; /* Шрифт букв */ font-size:18px; /* размер букв */ padding:17px 0 0 20px; display:block; }/* Menu Styles End Here *//* Text Styles Start Here */h1 { font:26px Georgia, Arial, Helvetica, sans-serif; color:#000000; padding:0px; margin:0px 0px 20px 5px;<!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><link href="stylesheet/style.css" rel="stylesheet" type="text/css" /></head><body><div id="container"> <div class="header"> <div class="topmenu"> <ul> <li><a href="aboutus.html">О компании</a></li> <li><a href="projects.html">Услуги компании</a></li> <li><a href="services.html">Аренда</a></li> <li><a href="support.html">Вакансии</a></li> <li><a href="privacy.html">Партнеры</a></li> <li style="border:none;"><a href="contact.html">Контакты</a></li> </ul> </div> </div> <div class="banner"> <img class="content_img" src="images/bannerlogo.jpg" usemap="#logo"> <map id="logo" name="logo"><area shape="rect" alt="" title="" coords="23,19,523,126" href="index.html" target="_self" /> </div> <div class="clear"></div> <div class="clear"></div> </div> <div class="workzone"> <div id="sidebar"> <ul id="menu"> <li><a href="aboutus.html"><span>О компании</span></a></li> <li><a href="projects.html"><span>Услуги компании</span></a></li> <li><a href="services.html"><span>Аренда</span></a></li> <li><a href="support.html"><span>Вакансии</span></a></li> <li><a href="privacy.html"><span>Партнеры</span></a></li> <li><a href="contact.html"><span>Контакты</span></a></li> </ul> </div> <div id="content"> <h1>ООО «ГенСтройСервис»</h1> Общество с ограниченной ответственностью «ГенСтройСервис» организовано в апреле 2007 года. Основной профиль нашей кампании – строительство наружных объектов/сетей теплоснабжения, водоснабжения и канализации. В период с 2007 по 2014 гг. ООО «ГенСтройСервис» участвовало во многих крупных и значимых строительных проектах Северо-Западного региона РФ, в частности в 2014 году подходит к завершению 3-х летний период комплекса работ по устройству внутриплощадочных инженерных сетей теплоснабжения, канализации и водоснабжения объекта: «Следственный изолятор на 4000 мест в Санкт-Петербурге» - «Кресты». <br /> <br /> ООО «ГенСтройСервис» располагает штатом квалифицированных сотрудников, парком спецтехники и оборудования, которые позволяют решать любые по сложности производственные задачи. </div></div> <div class="clear"></div> <div class="latestprojectzone"> <h1></h1> <div class="projectgallery"> <div style="height:113px;"> <table> <tr> <div class="projectimg"><a href="#"><img src="images/project1.jpg" alt="" border="0" /></a></div> <div class="projectimg"><a href="#"><img src="images/project2.jpg" alt="" border="0" /></a></div> <div class="projectimg"><a href="#"><img src="images/project3.jpg" alt="" border="0" /></a></div> <div class="projectimg"><a href="#"><img src="images/project4.jpg" alt="" border="0" /></a></div> <div class="clear"></div> <div class="clear"></div> </div> <div> <div class="projecttxt">Наши награды</div> <div class="projecttxt">Документация</div> <div class="projecttxt">Лицензии</div> <div class="projecttxt">Черный список</div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div></div><div class="clear"></div><div class="footer"> <div class="footerinside"> <div class="footerlink"> </div> </div></div><div class="clear"></div></body></html>

Как натянуть готовую верстку на Joomla ? подскажите видео курсы какие то

Скажите пожалуйста есть ли способы лучше выводить товары чем у меня ? Если есть то скажите пожалуйста. Критику желательно не то как с дизайном совпадает верстка, а больше именно по коду страницы сделать,может есть лучше способы вывода разных элементов на странице чем у меня . Заранее спасибо ! Сама верстка http://joyful-shop.ru/MobiShop.rar

Привет! Недавно начал учиться вёрстке, нужна помощь. Так, как только начал это дело, начну с самого начала. Оцените и укажите на ошибки, которые присутствуют, пожалуйста. Собственно сам код: http://jsfiddle.net/FZetU/1/

Добрый день. Как организовать подобное на css/css3 и html. Буду благодарен.

Верстка писем только для рассылки через AMS Enterprise.Есть постоянные заказы Скидывайте свои шаблоны и пишите цены. Skype:emailmarketingbooom E-mail: emailmarketingbooom@gmail.com

Нужно чтобы при нажатии другие блоки убирались, а не перекрывались. БЕЗ скриптов. /* css таба */ .tabs { position: relative; min-height: 350px; font-family: calibri; color: #404C59; } .tab { float: left; } .tab label { background:#ccc; ; position: relative; left: 1px; padding: 10px; background-color: #E6E6E6; } .tab [type=radio] { display: none; } .content { position: absolute; left: 0; background: #FAFAFA; right: 0; margin-top: 10px; padding:10px; } [type=radio]:checked ~ label { background: #FAFAFA; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg .tg-s6z2{text-align:center} .tg .tg-j1h2{font-size:x-large;font-family:"Lucida Console", Monaco, monospace !important;;text-align:center} .tg .tg-a0td{font-size:100%} .tg .tg-mysd{font-size:18px;font-family:"Lucida Console", Monaco, monospace !important;;text-align:center} .tg .tg-g8f1{font-size:100%;text-align:center} .tg {border-collapse:collapse;border-spacing:0;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg .tg-s6z2{text-align:center} .tg .tg-y5uk{font-weight:bold;font-style:italic;font-size:large;text-align:center} .tg .tg-xloo{font-weight:bold;font-style:italic;font-size:medium;background-color:#f2cf44;text-align:center} <!-- HTML --> <html> <body> <div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">Полиграфия</label> <div class="content"> <p> <table class="tg" style="table-layout: fixed; width: 299px; float:left; "> <colgroup> <col style="width: 145px"> <col style="width: 49px"> <col style="width: 54px"> <col style="width: 51px"> </colgroup> <tr> <th class="tg-mysd" rowspan="2">ТИП ПРОДУКЦИИ</th> <th class="tg-j1h2" colspan="3">ЦЕНА</th> </tr> <tr> <td class="tg-g8f1">USD</td> <td class="tg-g8f1">RUB</td> <td class="tg-a0td">UAH</td> </tr> <tr> <td class="tg-031e">Билборд</td> <td class="tg-s6z2">100</td> <td class="tg-s6z2">3500</td> <td class="tg-s6z2">1200</td> </tr> <tr> <td class="tg-031e">Буклет</td> <td class="tg-s6z2">40</td> <td class="tg-s6z2">1400</td> <td class="tg-s6z2">480</td> </tr> <tr> <td class="tg-031e">Флаер</td> <td class="tg-s6z2">30</td> <td class="tg-s6z2">1050</td> <td class="tg-s6z2">360</td> </tr> <tr> <td class="tg-031e">Дисконт карты</td> <td class="tg-s6z2">30</td> <td class="tg-s6z2">1050</td> <td class="tg-s6z2">360</td> </tr> <tr> <td class="tg-031e">Визитки</td> <td class="tg-s6z2">5</td> <td class="tg-s6z2">175</td> <td class="tg-s6z2"></td> </tr> </table> </p> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Закладка №2</label> <div class="content"> <p> </p> <img src="http://placekitten.com/200/100"> </div> </div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3">Закладка №3</label> <div class="content"> <p>Содержание закладки №3</p> <img src="http://placedog.com/200/100"> </div> </div> <div class="tab"> <input type="radio" id="tab-4" name="tab-group-1"> <label for="tab-4">Закладка №4</label> <div class="content"> <p>Содержание закладки №4</p> <img src="http://placedog.com/200/100"> </div> </div> </div> </body> </html>

Нужно сверстать такое меню: При наведении на ссылку отображаются все под меню, притом то подменю, что лежит в ссылке на которую навели, выделяется так как на картинке. Блок, в котором лежат все подменю растягивается на высоту самого длинного списка. блок с подменюшками полупрозрачный, с тенью. юзать можно только css. таблицей делать не пойдет, ибо будет все адаптивно. задать какую-то одну высоту подменюшкам не пойдет ибо в меню неопределенное количество ссылок. В общем вот задача, фиг кто ее сделает) структура меню стандартная <ul><li><a></a><ul>...</ul></li></ul>

Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#394e63;}input[type="submit"] {width: 20px;height: 20px;border: none;background: url(img/search.png) no-repeat;float:right;margin: 7px 7px 0px 0px;outline: none;-webkit-appearance: none;}input::-ms-clear {display: none;}input[type="submit"]:hover{background: url(img/search_hover.png) no-repeat;cursor:pointer;} </style> </head> <body> <form> <div class="search"> <input type="text" name="search" placeholder="Поиск..."> <input type="submit" value=""> </div> </form> </body>[/hide]

Очень-очень нужна помощь. В примере "Фиксированная ширина, навигация слева" (на этом же сайте) Если расположить пункты меню слева в желтом поле, можно ли сделать ссылки так, что б они открывались в правом синем поле, не перегружая левое? Или слева открывался файл menu.html с пунктами меню, а справа содержимое ссылки например str1.html и т.д. Если да, то как? (я подумал о фреймах сразу, но теги body и frame оказались не очень совместимы как -то?! Люди добрые, поможите, чем можете, если можете. Имеется ввиду, без использования какого либо движка вообще, типа Джомла и т.п. И вообще без веб сервера, просто странички на своем компьютере т.е. в офлайне, точнее для CD диска менюшка. Для создания одного, единого меню, а справа открывались страницы содержимого. (проблема в том, что тут кабэ движка никакого нет, и никакие чанки, снипеты и т.п. не работает. Я в панике, а страниц много получается и меняются они периодически, и переделывать потом каждый раз меню на каждой страничке, если что то добавится/удалится, жуть как не хочется.) Ну или ткните туда, где подобная тема уже рассматривалась, но лучше не ругайтесь, а просто помогите!!! PS может, какую, яву присоветуете?

Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { margin: 0px; padding: 15px; text-align: center;}#links { float: left; position: absolute;}#nav, #nav ul { margin: 0px; padding: 0px; list-style: none; font: 14px/20px Arial, Helvetica, sans-serif;}#nav { margin: 0px; padding: 0px; height: 27px;}#nav li { float: left; position: relative;}#nav a { display: block; color:#FFFFFF; margin: 0px; padding: 3px 10px; text-align: center; width: 120px; background: #0072d7; text-decoration: none; border-radius: 20px 0px 20px 0px;}#nav a:hover { color: #578eb8; background: #FFFFFF;}#nav ul { display: none; position: absolute; left: 0px; top: 27px;}#nav ul a { background: #0072d7; border-bottom: 1px solid #ffffff; border-radius: 0px;}#nav li:hover ul { display: block;}#container { padding: 0px; margin: 30px auto; width: 970px; height: auto;}#haeder { margin: 0px; padding: 0px; height: 433px; width: 970px; background: #1fc200 url(../image/header.jpg) no-repeat center top; border-radius: 20px 20px 0px 0px;}#content { margin: 0px; padding: 0px; width: 970px; height: auto; background: #ffffff;}#footer { margin: 0px; padding: 0px; height: auto; width: 970px; background: #0072d7; border-radius: 0px 0px 20px 20px;}#footer p { margin: 0px 0px; padding: 10px 0px; text-align: center; color: #FFFFFF;}<!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=windows-1251" /><title>Натали</title><link rel="stylesheet" type="text/css" href="../css/style.css" /></head><body><div id="container"><div id="haeder"><h1>Натали</h1></div><div id="links"> <ul id="nav"> <li><a href="../index.html">О Наташе</a></li> <li><a href="#">Мой стихи</a> <ul> <li><a href="page.html">Осень</a></li> <li><a href="page1.html">Воспоминания</a></li> <li><a href="page2.html">***</a></li> <li><a href="page3.html">***</a></li> <li><a href="page4.html">ЛЮБОВЬ</a></li> <li><a href="page5.html">***</a></li> <li><a href="page6.html">ЛЮБИМОМУ</a></li> </ul> </li></ul><div id="content"><h2>Осень</h2><pre class="pre">Осень пришла и тыСнова пришел ко мнеСнова вместе я и тыКак во снеСнова даришь мне теплоСнова ты со мнойСловно хочешь мне сказатьПросто я инойЯ не знаю, как мне бытьТы ведь не со мнойМожет быть тебя проститьНу а ты с другойОсень пришла и тыСнова пришел ко мнеСнова вместе я и тыКак во сне</pre></div><div id="footer"><p>© 2014г. Web мастер </p></div></div></div></body></html>Скажите, пожалуйста, как еще можно отформатировать стихотворение с помощью css, чтобы оно было строго по центру?

Здравствуйте. Прошу помочь бездарности. Нужно, чтобы при наведении вываливалось меню и фон родителя оставался неизменным, когда юзер будет водить курсором по выпадающему меню. Примерно это должно быть вот так http://joxi.ru/6WQfU_3JTJBXFcsaglQ Оранжевое - это hover. Но у меня такая беда http://joxi.ru/KmUfUxjKTJCPTRw_8zk Понимаете, о чём я? Подскажите, что я не учла? Очень интересно, самоё не получилось разобраться. Спасибо, джедаи.

Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:

Здравствуйте. Как сделать подобную форму на css/css3?

Доброго времени суток форумчанам. Решил впервые сверстать макет и выбрал для этого дела landing страничку. При этом столкнулся с проблемой, фон уползает и не покрывает весь контент: И вот как должно быть по макету: Вот код моей верстки: http://jsfiddle.net/vNBfM/ В чем ошибка? Прошу также в общем оценить код, указать на ошибки. Заранее благодарю.

Вот например я нашел такой макетик. Мне нужно сделать полноценную рабочую страницу. Только я не совсем понимаю, что от меня требуется в целом. Знаю что сверстать и пару скриптов реализовать. В общем - Кто может, посмотрев на макет описать по пунктам процесс всей работы? Буду очень благодарен!

Здравствуйте. Прошу оценить первую вёрстку http://maximbaluyev.com/. Покритикуйте код. Может, найдутся советы или пожелания. Буду рада услышать. Это сайт портфолио. На месте чёрных квадратов будут работы, которые к данному времени еще не готовы. Также вариант отображения работы можно посмотреть здесь: http://maximbaluyev.com/logo.html и здесь: http://maximbaluyev.com/logo-single/logo-single-2.html Интересует решение для одной проблемы: при уменьшении окна браузера сайт странно себя ведёт. Так как навигация фиксирована по пожеланию, то как лучше выполнить: чтобы она перекрывалась работой при уменьшенном окне браузера или чтобы вовсе скрывалась как в этом примере? Подскажите, очень надо что-то решить. Просто не знаю, как лучше будет. Думаю, услышать более опытное решение мне не помешает. заранее спасссибсы Горрлумм Горрлумм

Специалист и Профессианал Мастер Азазаза, лучший верстальщик в своем падике. Предлогает свои услуги. Обучение верстки, коучинг 10$/ч. Адаптивная, отзывчивая, резина, фиксирована. Большой опыт работы, первый в рунете не последний в буржунете. Пишите в тему или в лс!

оно: http://maximbaluyev.com/ здравствуйте. есть просьба: уменьшите окно браузера, чтобы появилась горизонтальная прокрутка. что лучше: чтобы навигация была перед или за контентом в таком случае? или может лучше при максимальном уменьшении окна браузера сделать так, чтобы навигация исчезала, как в этом примере? а также чтобы появилась вертикальная прокрутка. шрифт уменьшается, но когда уже максимально уменьшили по высоте, соц. кнопки аккуратно налазят на навигацию. что тут посоветуете? я понимаю, что до таких размеров просмотр портфолио никто доводить не будет... но всё таки и если есть какие-то советы по адаптации сайта для мобильных устройств, то помогите ссылками на ресурсы, статьи... п.с. первая вёрстка) осталось немного для старта. п.п.с. уже залила, но полоса от соц. иконок перекрывает контент на странице с помощью z-index)). это исправлю. заранее спасссибсы Горрлумм

Недавно начал изучать HTML и CSS, после теории решил заняться непосредственной практикой, выбрал простенький шаблон и начал верстку. Собственно, прошу посмотреть на мои результаты и указать на ошибки, а так же дать советы. Макеты сайта: http://htmlforum.ru/uploads/monthly_06_2011/post-3-0-21541000-1308627401.jpg, http://htmlforum.ru/uploads/monthly_06_2011/post-3-0-96088100-1308627408.jpg Сам сайт: http://webreference.besaba.com/ Да, при нажатии на CSS в меню открывается вторая страница.

http://fh79255n.bget.ru/ Откопал этот макет давно где-то в недрах интернета, вот сверстал выложил на хостинг. Дизайн не мой если что, прошу оценить качество верстки, буду благодарен если укажете на факапы и прочее ) Текстовое наполнение писал сам, дабы не заскучать в работе над этим ) Плюс еще хотел бы задать пару вопросов: 1. Когда я попытался вставить ссылку на данную страницу к себе на стену в контакте, в предварительном просмотре текстовая инфа отобразилась как "Документ без названия", после чего я изменил текст в <title> на другое название, но это не сыграло никакой роли, как отображалось "Документ без названия", так и продолжает. Верстаю в Дримвивере если что. 2. Как вы оцениваете уроки создания сайтов от DenWeb ? По ним нормально учиться вообще?

НУЖЕН СРОЧНО Html-верстальшик!!!!!, ПОМОГИТЕ НАЙТИ!!! НЕ ФРИЛАНС!!! Обязанности: Верстать, программировать Frontend. Требования: Знания: html5, css, css media-queries, jquery, адаптивная верстка, оптимизация под мобильные устройства. Крайне желателен опыт работы с анимацией, svg. Опыт - наличие готовых проектов. Нужны ссылки на рабочие ресурсы. З/П высокая г. Ярославль mail to: anna@webwonderworker.ru mob. +7(903)828-81-81

Здравствуйте форумчане. А подскажите мне пожалуйста как можно сотворить список статей, как примерно показанно на картинке, прикрепленной мною. Так, что все выводились друг за другом и имели строго такой вид, как я изобразил. Есть код мною написанный, но уже третья статья уезжает вниз, чего совсем не нужно. Помогите разобраться и привести код и все остальное в божеский адекватный вид. Я немного новичок в верстке, поэтому нужна помощь. <div calss="wrapper"> <div id="articles"> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> </div></div>.wrapper { margin: 0 auto; width: 970px;}.article { background: #f3f3f3; width: 310px; height: 300px; padding: 0 20px 20px 0; position: relative;}