zolga7

Окей, помогу, не проблема. Вот пара советов. 1. Делать блок с рядом картинок и ниже блок с рядом ссылок — непраильно. Сделайте блоки, которые имеют float: left и каждый из них содержит одну картинку и одну ссылк, относящуюся к этой картинке. 2. Меню я бы сделал не так. Я бы сделал margin: 0 auto; А с иконками — тут по ситуации. Возможно, media query написал бы, чтобы они куда-нибудь в друге место переезжали при узком экране. Спасибо. Вот макет, который верстаю https://yadi.sk/i/BnAF_82Pkihpx

За шкафом, например Я оценила вашу шутку. Помочь с версткой не хотите? Или вы только шутить умеете?

Зачем делать форумы если на них не особо помогают?

спасибо.

А зачем? я убрала минимальную ширину у container все равно при уменьшение окно браузера съезжают иконки (стоят наверху после меню). Съезжают цветы.

минимальную ширину у container не нужно задавать?

Вот http://zolga7.esy.es/ Когда уменьшаю окно браузера съезжают иконки (стоят наверху после меню). Съезжают цветы. В футоре реклама не встает в один ряд с меню. Причем когда задаю высоту футору (65пк) реклама совсем исчезает. Не у всех ссылок есть подчёркивание. Помогите найти ошибки.

Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/

ширину я задала думала, это поможет избавиться от глюка, но не помогло. спасибо за ответ. спасибо огромное все получилось!

Здравствуйте. Подскажите, пожалуйста, как исправить глюк с меню, ссылки вылезли за предел, почему не могу понять. http://jsfiddle.net/CVvq9/

вот мой гомнокод http://jsfiddle.net/N5nkc/1/ как-то так Спасибо!

Спасибо за ответ и помощь. Скажите, пожалуйста, как можно сделать линии между глав как на оригинале?

Извините, а вы мне можете подсказать как правильно?

Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.

все равно стих не строго по центру. dreamweaver показывает, что линкс закрыт. Короче я в нокауте! Кто-нибудь еще может, что-нибудь добавить?

Я думала у меня хорошо написан код. Спасибо. Как спомошью css можно трансформировать из нижнего регистра в верхний? text-transform: uppercase;Спасибо.

у меня #container #content и даже .pre имеют фиксированную ширину. Сделала как вы посоветовали, пропал белый фон и строчки стали строга по центру. А мне нужно, чтобы само стихотворения было по центру. Как спомошью css можно трансформировать из нижнего регистра в верхний?

Спасибо.

Спасибо за ответ и за помощь. Я сделала как вы сказали, но что не очень.

Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. 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, чтобы оно было строго по центру?

Скажите, пожалуйста, как еще можно отформатировать стихотворение с помощью css, чтобы оно было строго по центру? Спасибо большое за ответ и за помощь. Только я не поняла где вы увидели в тэге pre margin 16px, у меня тэге pre margin-left: 390px. Я же сказал. Левый у вас стал 390px, а вот margin-top и margin-bottom были равны 16px. Это я посмотрел в Firebug (в JsFiddle сделал вашу страницу). Вот по таким причинам и неплохо пользоваться reset CSS, normalize CSS - обнулять все стили или приводить их к единству во всех браузерах. Если у вас кроме этого css-файла других нет, то, наверное, отступы для этого тэга заданы по умолчанию. Кстати, опять же, они могут быть разными во всех браузерах. С тэгами заголовков такая же история. то есть Firebug показал что у меня margin-top и margin-bottom 16px? Просто я этого не писала.

Спасибо большое за ответ и за помощь. Только я не поняла где вы увидели в тэге pre margin 16px, у меня тэге pre margin-left: 390px.

Здравствуйте. Скажите, пожалуйста, как убрать прастранство между footer и content? @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 { margin-left: 350px; 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>

Как решить эту проблему?

Здравствуйте. Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать? Код из template.css .item11 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item8 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item27 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .art-nav li.parent li.item189 a { width:115px; } .art-nav li.parent li.item22 a { width:180px; } .art-nav li.parent li.item24 a { width:180px; } .art-nav li.parent li.item7 a { width:180px; } .art-nav li.parent li.item192 a { width:115px; } .art-nav li.parent li.item144 a { width:243px; } .art-nav li.parent li.item151 a { width:243px; } .art-nav li.parent li.item152 a { width:243px; } .art-nav li.parent li.item161 a { width:243px; }