Для желающих получить опыт верстки

Vlad · January 28, 2011

z-index: 0 не ставьте, со старыми браузерами будут проблемы, да и нелогично 0 использовать, это все равно, что z-index не писать. И в первую очередь над доктайпом надо поработать.

psywalker · January 28, 2011

z-index: 0 не ставьте, со старыми браузерами будут проблемы, да и нелогично 0 использовать, это все равно, что z-index не писать. И в первую очередь над доктайпом надо поработать.

Я бы так не сказал. z-index: 0 полностью поддерживается в старых браузерах, а вот c z-index: auto; как раз проблемы. Т.е. в старых браузерах z-index: auto - это тоже самое, что и z-index: 0;.

z-index: auto; в старых браузерах ничего не даст, а вот в новых может как раз помочь.

Исходя из этого, так как по умолчанию z-index - auto, то ставить z-index: 0; и НЕ ставить z-index вообще - это разные вещи.

Elord · January 28, 2011

По поводу доктайпа - нужно добавить ссылку "http://www.w3.org/TR/html4/loose.dtd" в конец и версию html 4.01 поставить ? Больше я ничего не вижу) А z-index: 0 я на всякий случай написал, но в ИЕ всё равно пол лупы уходит под хедер (

Vlad · January 29, 2011

z-index без position не работает, в любом случае.

psywalker · January 29, 2011

По поводу доктайпа - нужно добавить ссылку "http://www.w3.org/TR/html4/loose.dtd" в конец и версию html 4.01 поставить ? Больше я ничего не вижу) А z-index: 0 я на всякий случай написал, но в ИЕ всё равно пол лупы уходит под хедер (

1) Убери отступы между доктайпом и верхом

2) Поставь вот этот

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">

3) Насчёт лупы. Сделай первые два пункта и дай ссылку на страницу.

z-index без position не работает, в любом случае.

Тут согласен.

Elord · January 29, 2011

3) Насчёт лупы. Сделай первые два пункта и дай ссылку на страницу.

Поменял доктайп на твой, в ИЕ8 теперь лупа отображается нормально. Спасибо. Страницу, честно говоря, не знаю куда залить, может кто что посоветует?

psywalker · January 29, 2011

Страницу, честно говоря, не знаю куда залить, может кто что посоветует?

У меня сейчас есть немного свободного времени, поэтому...

1. Заархивируй и скинь мне архив на почту. psywalker09@gmail.com

2. В письме опиши поподробнее проблему.

Elord · January 29, 2011

Спасибо psywalker-у, помог. Проблема с чернильницей решена с помощью position и z-index.

olga153b · May 18, 2011

Вот мой первый в жизни макет. Осталось только, поверстать его)
<img src="http://s001.radikal.ru/i193/1004/55/9ebbf308d333.jpg" border="0" class="linked-image" />
<a href="http://ifolder.ru/17279791" target="_blank">вот psd</a>
В png не смог сохранить, почему незнаю.

Я бы тоже хотела начать верстать с такого не сложного макета, хотела скачать PSD, но ссылка не работает, пришлите пожалуйста макет olga153b@gmail.com. заранее благодарна.

Great Rash · May 18, 2011

Ссылка рабочая

http://ifolder.ru/17279791

olga153b · June 4, 2011

спасибо,

да, эта ссылка рабочая, я скачала файл czi.psd, хотела сохранить картинку ,но картинка не сохраняется ни в формате jpg, ни в png

Edited June 4, 2011 by olga153b

buddah · June 4, 2011

.

Edited June 4, 2011 by buddah

psywalker · June 4, 2011

Все вопросы решаются в другом разделе!

Анка · May 20, 2012

Подскажите, у всех скачивается файл psd для этого макета? А то у меня при скачке выдает ошибку

SergIQ · June 3, 2012

Подскажите, у всех скачивается файл psd для этого макета? А то у меня при скачке выдает ошибку

Да, отлично все скачалось! Автору спасибо за передачу макета на растерзание общественности(в частности, я сейчас его как раз терзаю)

Vzor · July 1, 2012

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

Vzor · July 2, 2012

Ну вот что получилось - ссылка. Надеюсь на справедливую критику и советы.

NeoXidizer · July 2, 2012

хорошо сделал.

Несколько советов, по интеграции html5:

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen, projection" />

type указывать не обязательно (так же, как и у <script>)

		<ul class="top_menu">
			<li><a href="#">Автомобили</a></li>
			<li><a href="#">Имущество</a></li>
			<li><a href="#">Здоровье</a></li>
		</ul>

не обязательно использовать списки, достаточно

		<nav class="top_menu">
			<a href="#">Автомобили</a>
			<a href="#">Имущество</a>
			<a href="#">Здоровье</a>
		</nav>

тоже самое и про остальные места, <div class="footer"> = <footer>, <div class="side_r"> = <aside>, <div class="header"> = <header>

CSS:

.top_menu a {
display: inline;
font-size: 18px;
color: #900;
}

это лишний код, так как правила для ссылок в любом случае наследуются от .top_menu li

но просьбы с оценкой лучше размещать в другом разделе, создавая новую тему

Edited July 2, 2012 by NeoXidizer

Vzor · July 2, 2012

NeoXidizer, Спасибо за советы и замечания. Я не стал пользовать HTML5 теги так как нехотел цеплять дополнительный Js для IE поддержки:

<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

Да и не как не избавлюсь от привычки осторожности к нововведениям.

Edited July 2, 2012 by Vzor

SergIQ · July 2, 2012

Vzor, а какой смысл тогда было его декларировать?

NeoXidizer прав, перенеси обсуждение в соответствующий раздел.

Edited July 2, 2012 by SergIQ

NeoXidizer · July 2, 2012

SergIQ, все современные браузеры принудительно используют доктайп <DOCTYPE html>, так что смысл в том, чтобы не загружать страницу лишним кодом

Edited July 2, 2012 by NeoXidizer

SergIQ · July 3, 2012

NeoXidizer, чтож, спасибо, не знал.

Cenhan · February 4, 2013

Сверстал шаблон, я только учусь. подскажите какие совершаю ошибки или как можно было лучше его сверстать. http://yadi.sk/d/nw54YdQw2EV7W

verbkinm · June 5, 2013

Создайте тему в соответствующем разделе

Edited June 5, 2013 by Great Rash

art-ajn · June 16, 2013

Я вот тоже хочу попробовать поверстать, только начал изучать верстку)) Только вот не могу понять как верстать с шаблона??? он у меня раскрывается как фото((( Может его стоит открывать в какой-то проге ??? подскажите плиз))

Я хотел спросить, а в чем лучше всего верстать сайт???

Sign In

Для желающих получить опыт верстки

Recommended Posts

Link to comment

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Kray Storm

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information