Jump to content

Первая верстка (Переделан, резина, HTML 5)


Red Planet
 Share

Recommended Posts

Добрый вечер. Переделал свой первый макет в резину. Использовал немного тегов HTML 5. Проверял на тех же браузерах, на тех же экранах. Прошу оценить.

Из проблем осталось:

  1. Ссылка в тексте вверху ставится куда угодно, но только не в конце предложения. Честно сказать, совсем не понимаю причины данной проблемы. 
  2. На Internet Explorer 6 (а может на него заглушку поставить и все дела, надоел он уже своими причудами) при сжатии окна баннер и текст с картинками, что ниже баннера улетает вниз. Изменял отступы, минимальную ширину, но не пойму, в чем дело.

Макет

Верстка

Link to comment
Share on other sites

Чисто мое мнение:

  • зачем в самом конце файла прописаны CSS через <script>, нельзя их убрать в файл?
  • верхнее меню, ссылки в нем должны занимать все пространство кнопки, а не только по надписи можно было кликнуть
  • у модуля How to contact us должен быть верхний отступ
  • wrapper можно было не создавать, а повесить его стили на body, также ему можно было добавить верхний коричневый фон
  • если делал на HTML5, то можно было добавить тег header
  • сделай настоящий слайдер, в этом ничего сложного нету (в свое время я тоже думал, что там что-то заумной и очень сложное, а оказалось проще некуда)

Вообще в целом неплохо, особенно для начинающего. А насчет ссылки, если это ссылка типа "Подробнее", то укажи ей float: left; и добавь отступы сверху.

Дерзай :angry:

Link to comment
Share on other sites

Ссылка в тексте вверху ставится куда угодно, но только не в конце предложения. Честно сказать, совсем не понимаю причины данной проблемы.

Это она под влиянием этого правила влево прижимается, переопредели ей флоат.

div.top-grey-bar *{
float:left;
margin-right:10px;
}

По второму вопросу тоже все просто, ие6 не понимает min-width:930px;, на форуме часто обсуждалась эта проблема.

Edited by rediskavet
Link to comment
Share on other sites

Резина неполноценная получилась...

Почему блок "Ideas. Execution. Passion." не резиновый?

Блок со стрелками, я бы расположил по центру, а то некрасиво когда он слева висит при растянутом сайте.

Link to comment
Share on other sites

Всем спасибо за комментарии.

зачем в самом конце файла прописаны CSS через <script>, нельзя их убрать в файл?

Это narod.ru виноват.

если делал на HTML5, то можно было добавить тег header

А нужно ли делать лишнюю обертку, если и без нее обойтись можно? Из каких соображений делать?

ие6 не понимает min-width:930px;

Так я же и использовал в стиле для IE 6 скрипт, но похоже, что надо еще подумать.

Edited by Red Planet
Link to comment
Share on other sites

А нужно ли делать лишнюю обертку, если и без нее обойтись можно? Из каких соображений делать?

Зачем лишнюю обертку? Можно было заменить top-brown-bar и top-white-bar на один header. Задать ему фон от top-brown-bar и разместить внем элементы из top-white-bar.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • 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