Jump to content

Оцените, пожалуйста верстку!)


eleonore
 Share

Recommended Posts

http://sockol-club.pusku.com/

Моя третья в истории верстка целой страницы)),я вообще не опытная))),работала долго.Претендует на адаптивный дизайн! Что можете сказать?

+ 1 вопрос у меня: почему видео в ие 7-8 не отображается?

p.s. за основу взят макет и видео, любезно предоставленное на этом форуме.дизайн макета был изменен мною.надеюсь,это не противозаконно)))

Edited by eleonore
Link to comment
Share on other sites

+ 1 вопрос у меня: почему видео в ие 7-8 не отображается?

Потому что ИЕ7-8 не поддерживают html5Video

а разве это не должно обеспечивать поддержку старых браузеров?

<object type="application/x-shockwave-flash" data="[url="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"]http://releases.flow...ayer-3.2.1.swf"[/url] width="640" height="360">
<param name="movie" value="[url="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"]http://releases.flow...ayer-3.2.1.swf"[/url] />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny.mp4','autoPlay':false}]}" />

</object>

Link to comment
Share on other sites

<nav id="navig" >

учись обходится без ID в разметке для стилей (только для JS)

<table class="all_sidebar">

а тут разве без Таблицы никак?

<a href="#" class="all_news">Все события и новости</a>

Я очень сомневаюсь что этот контент является типом данных - "Абзац"


<li><a href="#">ГЛАВНАЯ СТРАНИЦА</a></li>
<li class="min">|</li>

Текст заглавными буквами можно реализовать через CSS

Разделитель не является элементом списка - это всего лиш разделитель!


<article>
<p class="pic"><img src="images/20130508_16_13_42514.png" alt="pic">
<div class="text">
<time datetime="2013-05-09">09.05.2013</time>
<p><a href="#">Сегодня наш клуб поздравил ветеранов Великой Отечественной Войны с важнейшим праздником для нашей страны и всего мира, Днём Победы над фашистской Германией 1941-1945 гг.</a></p>
</div>
</article>

Картинка это не абзац.

Теги надо закрывать.

Незачет.

  • Like 2
Link to comment
Share on other sites

<nav id="navig" >

учись обходится без ID в разметке для стилей (только для JS)

<table class="all_sidebar">

а тут разве без Таблицы никак?

<a href="#" class="all_news">Все события и новости</a>

Я очень сомневаюсь что этот контент является типом данных - "Абзац"


<li><a href="#">ГЛАВНАЯ СТРАНИЦА</a></li>
<li class="min">|</li>

Текст заглавными буквами можно реализовать через CSS

Разделитель не является элементом списка - это всего лиш разделитель!


<article>
<p class="pic"><img src="images/20130508_16_13_42514.png" alt="pic">
<div class="text">
<time datetime="2013-05-09">09.05.2013</time>
<p><a href="#">Сегодня наш клуб поздравил ветеранов Великой Отечественной Войны с важнейшим праздником для нашей страны и всего мира, Днём Победы над фашистской Германией 1941-1945 гг.</a></p>
</div>
</article>

Картинка это не абзац.

Теги надо закрывать.

Незачет.

Большое спасибо за детальный ответ.Все недочеты будут учтены)). разделитель взяла в <li>, потому что не получалось добиться равномерности меню при изменении размеров окна браузера.чтобы все подогнать подключила эти li с классами...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 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