Dinow

Приветствую всех старожил и новичков сайта! Когда-то давно, лет 5 назад, увлекалась версткой. Училась, практиковалась, дошла до фриланса, брала заказы. Паралелльно устроилась в офис бухгалтером и через какое-то время перестала справляться с двойной нагрузкой. От верстки постепенно отошла. Сейчас вышла в декрет и очень хочу вернуться к разработке сайтов, но.. не знаю с какой стороны подступиться(( Вроде основы я помню (HTML 4,5, CSS 2,3), но за это время и технологии, и требования настолько выросли, что начала метаться и разрываться между всем этим объемом информации. Очень надеюсь на дельные советы, с чего лучше начать и в какую сторону двигаться.

Вы хотели сказать "при XHTML"? Да, при XHTML К слову, в разных книгах пишут по разному Тру, говорила же тебе выкини ту книгу)

Svatov, а кто говорил про Такой подход? Речь о том, что бессмысленно браться за сложную задачу, не зная элементарщины. Все равно что пытаться прочесть роман, причем кому-то вслух, зная всего 10 букв алфавита. Практика это замечательно! Это реально ускоряет процесс обучения, Но надо же реально оценивать свои силы и практиковаться по мере изучения материала. Если у человека реальное желание, то его никто и ничто не отобьет, как до меня Макс написал. Тут по соседству есть тема, где присутствует яркое тому подтверждение.

Сань, я не злая) просто считаю, что выставлять работу для поисков ошибок, надо не До того как изучил что-то, а хотя бы После того как внимательно выучил основы. А иначе в чем смысл? Yarkaya, успехов в обучении.

И в итоге ни верстки, ни дизайна..

Тру, по поводу маргинов и паддингов: body.home #container { background: url("Natfon.jpg") repeat scroll 0 0 transparent; height: 719px; margin: 0 auto; width: 823px; } #header { color: #FFFFFF; font-size: 3.2em; padding: 10px; text-align: right; } Видимо, все же дошла. И вообще, какой смысл выставлять на суд работу, не выучив элементарных основ?

А чему вы учились две недели? Глава о доктайпе в Любой книге идет одной из первых. И где он?

Смысл закрывать br есть только при строгом доктайпе Это дико даже для меня. Замените на это: </br> </br> Вот на это менять не надо! Для отступов придуманы маргины и паддинги.

Yarkaya, 1. доктайп!!! 2. body.home - убери padding-left: 25% - страница встанет по центру, а то уезжает и горизонтальный скролл пояляется 3. вообще для чего у body этот класс? 4. body.home #container - у id итак самый высокий приоритет, зачем этот body.home ? 5. вообще использовать id НЕ желательно (программисты скажут спасибо), пользуйся классами 6. <p>Психологические консультации</p> - это заголовок, а не абзац 7. Меню принято делать на списках, а не оборачивать каждую ссылку в абзац 8. <div id="aside"> </div> - смысл этого блока? 9. <p> </p> <p> </p> Паддинги, маргины уже не в моде? Это первое что бросилось в глаза. Так что вердикт - идти учить основы! http://htmlbook.ru/samhtml http://htmlbook.ru/samcss

Да, видео-уроки с одной стороны проще для восприятия, нагляднее, но с их помощью не научишься понимать суть работы. Посмотришь, повторишь, потыкаешь и забудешь. А когда сам копаешься, разбираешь каждый урок, часами ищешь ошибку или решение, во-первых, понимаешь основательно, во-вторых, это надолго запомнится.

Столкнулась с проблемой, при печати html-документа из браузера Safari (для windows) оказалось, что он искажает (увеличивает) размеры полей и текста. Провела эксперимент на текстах и простых линиях в разных единицах измерения (mm, px, pt), в любом случае в Сафари результат больше, чем в других браузерах. Кто-нибудь сталкивался с подобным? Есть ли пути лечения?

g_shamil_a 1. Не стоило лого ставить бэкграундом к шапке сайта. Лучше сделать через <img>. 2. Неоправданное использование <br> - речь о Поиске по сайту 3. Для основного меню по HTML5 используется <nav>, а не <div> 4. <div class="marg"></div> - вот это что?? 5. <div class="leftcol"> - это скорее <aside>, <header>Последние статьи</header> - это заголовок, а каждая новость - отдельный <article> 6. О том что Далее - это не заголовок, уже упоминалось выше 7. <div style="clear:both"></div> - это плохо! Вот почитай http://www.xiper.net/collect/html-and-css-tricks/css-tricks/clearfix.html 8. Названия классов должны нормально отражать содержимое, а не leftcol, rightcol, ppsaitu и т.д

Myuzik, я с вами не согласна. Что за глупость? HTML5 уже активно используется повсеместно и никто от этого не страдает, просто нужно знать какие браузеры какие теги поддерживают и исходить из этого. И для какого типа работ, по вашему, его стоит тогда использовать? А вот нежелательно ему присваивать стили без классов, т.к. <header> на странице может быть не один. Хотя исходя из этого: вы не в курсе, что по спеке <header>, как и <footer>, и <aside> могут быть на странице у каждого <section> или <article>. И каждый из них может начинаться с заголовка первого уровня.

Как лучше всего сверстать вот такое резиновое меню? Желательно без использования картинок, т.е. все сделать через стили. Особо смущает неровная тень снизу.

Легко. Добавь этот скрипт в <head></head> <!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

Почти. Ниже футера остался белый фон ul {list-style: none;}

1. текст под Экспертизой уехал наверх 2. футер тоже заехал на текст 3. нету кодировки 4. классы называть надо по содержимому, а не по расположению - left, right, middle, или вообще как-то непонятно - 1cont1, ccont1 и т.д. 5. меню обычно делается списками

Из-за этого так: body {position: fixed;} http://jsfiddle.net/MJ2Ac/2/

psywalker, спасибо! получилось!

Неа. Другие браузеры отображают нужный шрифт, даже ИЕ начиная с 6го. Проблема только с Мозилой любой версии Ага, все в точности также, только начало путей сменила

<div id="left"> <div id="leftColumn"> <div id="rightColumn"> <div id="right"> Классам надо давать названия по содержимому, а не по расположению или визуальным эффектам. Что если колонки придется менять местами? Почему заголовки начинаются сразу с H3?

Пытаюсь подключить нестандартный шрифт через @font-face. Если html, css файлы и шрифты лежат в одной папке, то отображается все везде как надо. Если файл со стилями и шрифты раскладываю по разным папкам (пути естественно тоже меняю), то Мазила всех версий перестает видеть этот шрифт. В чем может быть проблема? Или что я делаю не правильно? <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../Css/test.css"> </head> <body> <h3>Etiam porta sem malesuada magna mollis euismod</h3> <p>Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p> </body> </html> @font-face { font-family: 'DaysRegular'; src: url('../Fonts/Days/days-webfont.eot'); src: url('../Fonts/Days/days-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/Days/days-webfont.woff') format('woff'), url('../Fonts/Days/days-webfont.ttf') format('truetype'), url('../Fonts/Days/days-webfont.svg#DaysRegular') format('svg'); } h3, p {font-family: 'DaysRegular';}

Влад, спасибо! И присоединяюсь к поздравлениям!

А почему везде заголовки 3го уровня? По логике HTML5 ведь каждый раздел может содержать собственный H1

В вашем примере указано оформление только для ссылок в right_block, так будет для обоих: #left_block a, #right_block a{ font:10pt Arial; color:#666; text-decoration:none; } #left_block a:hover, #right_block a:hover{ color:#C00; text-decoration:underline; }