Jump to content

nightgremlin

User
  • Posts

    221
  • Joined

  • Last visited

Everything posted by nightgremlin

  1. Книги тоже разные бывают вы какие читали? Можете ссылочку дать или название книг и автора? Недавно скачал у одного парня с сайта книгу про html5, ну думаю сейчас почитаю. Книга была прочитана за 20 мин. Не помню как называлась, но полное г.... Вы случайно не такие книги читали?
  2. Неделю такой дизайн создавали? Да мне кажется, вам стоит нанять дизайнера который вам все сделает на коленке за 2-3 часа лучше. Я понимаю, что у меня говно-дизайн на сайте, но вы недалеко ушли.
  3. немного подправил вот ваш макет html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251"> <title>Макет</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="container"> <div id="header"> <div id="r_1"></div> <div id="r_2"></div> <div id="r_3"></div> <div id="r_4"></div> </div> <div id="sidebar"></div> <div id="footer"></div> </div> </body> </html> CSS: body{widht:100%; margin:0 auto} #container { width: 100%; margin: 0 auto; background:#999999; } #header{float:left; background:#cccccc; width:70%; display:block; padding-bottom:100%; } #r_1{ background:#009933; widht:120%; height:5%; padding-left:100%; position:absolute; top:20%; right:20%; display:block; } #r_2{ background:#3300FF; widht:100%; height:5%; position:absolute; top:25%; right:30%; padding-left:100%; display:block; } #r_3{ background:#CC0000; widht:80%; height:5%; position:absolute; top:30%; right:40%; padding-left:100%; display:block; } #r_4{ background:#FFCC00; widht:60%; height:5%; position:absolute; top:35%; right:50%; padding-left:100%; display:block; } #footer{ clear:both; display:block; widht:100%; height:5%; background:#666666; padding-left:70%; padding-bottom:5%; margin-right:30%; } #sidebar{ width:30%; float:right; background:#999999; display:block; padding-bottom:100% } ну и чтобы CSS был валидным, ещё немного подправил: body{margin:0 auto} #container { width: 100%; margin: 0 auto; background:#999999; } #header{float:left; background:#cccccc; width:70%; display:block; padding-bottom:100%; } #r_1{ background:#009933; height:5%; padding-left:100%; position:absolute; top:20%; right:20%; display:block; } #r_2{ background:#3300FF; height:5%; position:absolute; top:25%; right:30%; padding-left:100%; display:block; } #r_3{ background:#CC0000; height:5%; position:absolute; top:30%; right:40%; padding-left:100%; display:block; } #r_4{ background:#FFCC00; height:5%; position:absolute; top:35%; right:50%; padding-left:100%; display:block; } #footer{ clear:both; display:block; height:5%; background:#666666; padding-left:70%; padding-bottom:5%; margin-right:30%; } #sidebar{ width:30%; float:right; background:#999999; display:block; padding-bottom:100% }
  4. вот мой вариант html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251"> <title>Макет</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="header"> <div id=r_1></div> <div id=r_2></div> <div id=r_3></div> <div id=r_4></div> </div> <div id="sidebar"></div> <div id="footer"></div> </body> </html> И CSS: body{widht:100%; margin:0 auto} #header{float:left; background:#cccccc; width:70%; display:block; padding-bottom:100%; } #r_1{ background:#009933; widht:120%; height:5%; padding-left:100%; position:absolute; top:20%; right:20%; display:block; } #r_2{ background:#3300FF; widht:100%; height:5%; position:absolute; top:25%; right:30%; padding-left:100%; display:block; } #r_3{ background:#CC0000; widht:80%; height:5%; position:absolute; top:30%; right:40%; padding-left:100%; display:block; } #r_4{ background:#FFCC00; widht:60%; height:5%; position:absolute; top:35%; right:50%; padding-left:100%; display:block; } #footer{ clear:both; display:block; widht:70%; height:5%; background:#666666; padding-left:70%; padding-bottom:5%; margin-right:30%; } #sidebar{ width:30%; float:right; background:#999999; display:block; padding-bottom:100% }
  5. Я бы в вертикальном меню некоторые пункты вложил в другой пункт. И почему у вас пункты меню повторяются в первом варианте?
  6. nightgremlin

    меню

    В интернете если покопаться можно найти кучу примеров с разными менюшками без JS. А шрифт лучше пускай остается на месте. Разный размер шрифта будет раздражать посетителей т.к буквы будут скакать
  7. Мне понравилось вот только зачем указывать что это html5, если вы не использовали ни одного нового тега? Или вы на будущее готовитесь переверстать? Просто я этого не понимаю. А так по верстке +1
  8. Уважаемые форумчане наконец-то я разобрался с кодировками. Нашёл замечательную статью в интернете. Я думаю всем будет полезно её почитать. Выкладываю её здесь:Про кодировки
  9. так вроде бы без BOM ладно убью вечер сегодня,но постараюсь добиться нужного результата. Ещё вопрос к специалистам как добавить шрифты в дримвивер? И такой вопрос: Что если в сохранении документа оставить кодировку windows-1251 а в <meta> указать utf-8? Я думаю это будет вполне логичное решение
  10. Так ребята нужна помощь или я нуб. Когда поменял в дримвивер кодировку на utf-8 в <meta> тоже указал, сохранил файл, но вот беда блок php(отдельный файл) с менюшками сохранился кракозябрами, а в браузерах выдаёт нормально. Так вот далее решил я поменять эти кракозябры на нормальные русские буквы, которые были изначально. И что вы думаете произошло? ...ня полная. В браузерах вместо русских букв вылезли кракозябры. У кого есть размышления по этому поводу. Немогу ничего поделать. В блокноте не пробовал сегодня попробую.
  11. Извините, спасибо за статью. Просто из другого источника я как раз читал что тег <hgroup> группирует элементы, зачем вписывать в него всего один заголовок? Не понимаю
  12. Сегодня домой прийду после работы проверю. Отпишусь.
  13. как раз сначала сменил в <meta> потом в настройках дримвивер поменял и случился ппц. Наверное стоило сначала в настройках все поменять, а потом в <meta>.
  14. Почему лишние, теперь с html5 можно хоть 10 заголовков использовать и мне кажется, да помойму и принято так вставлять тег <h1> в <header> Поправьте меня если я не прав. <hgroup> (нужен ли этот элемент?) <h1>Заголовок статьи2</h1> </hgroup> Вы спрашивали нужен ли этот элемент. Ответ: нет не нужен.
  15. как быть если изначально была поставлена кодировка ..-1251 в дримвивер после того как меняю кодировку на сайте на utf-8 вылезают крокозябры (ну вы меня поняли что я имею ввиду)))
  16. Спасибо большое! Жаль не могу плюс поставить((
  17. У меня вопрос к специалистам какая разница какую кодировку использовать UTF-8 или ....-1251?
  18. тег <header> разрешается использовать несколько раз <header> —--<hgroup> —————-<h1>Название раздела</h1> —————-<h2>Подзаголовок </h2> ——</hgroup> </header> <article> ——<header> —————-<h1>Заголовок статьи1</h1> ——</header> ——<p>Текст статьи</p> </article> можно так, получится два заголовка для статьи и для раздела в отдельности
  19. Не ну лучше чем в прошлый раз - это однозначно. Вы вспомните выходящий за фон текст
  20. сейчас переверстываю весь сайт. Через две недели может сделаю и диз другой будет! теги <center> уже убрал таблицы поудалял все
  21. Спасибо за замечания, сейчас меняю весь код на сайте. Фон в рукавах поменяю. Про список спасибо, мне неоднократно про него говорили. Какой бы цвет вы посоветовали?
  22. Как вы думаете если убрать шапку и сделать другой фон в рукавах, нормально будет? Без шапки смотрел вроде хорошо смотриться.
  23. Вы прикалываетесь что ли все?! Это сайт студии? Можно записаться на приём
  24. благодарю, обязательно воспользуюсь. Опять времени угроблю, но постараюсь сделать хороший код. А как навигация по сайту пойдет? Или изменить чего-нибудь?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy