Вёрстка

Yahoo! · December 3, 2009

В общем меня интересует как свёрстан сайт?

Не обращаем внимания на всякую хрень, которую делает хостиг(фаир багом удаляем, если он есть)

http://www.greymlelelele.chat.ru/

Great Rash · December 3, 2009

<h2><span><span><span><span><span><span><span><span><span><strong>главная</strong></span></span></span></span></span></span></span></span></span></h2>

Можно и проще сделать (в смысле количества элементов). См. соседний топик с рецептами.

Ну и таблица конечно...

psywalker · December 3, 2009

Таблицу не стал смотреть

Yahoo! · December 3, 2009

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

Можно и проще сделать (в смысле количества элементов). См. соседний топик с рецептами.

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

Edited December 3, 2009 by Yahoo!

psywalker · December 3, 2009

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

Колонки как ты задумал, я бы реализовал на дивах за максимум 3-4 минуты

Yahoo! · December 3, 2009

=))

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

psywalker · December 3, 2009

=))
как бы ты сделал минимальную ширину каждой колонке ? Если знаешь как, то рад буду услышать

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

Edited December 3, 2009 by psywalker

Yahoo! · December 3, 2009

Я чёт не понял)

я имел ввиду

левой колонке минимум 265пикс

правой колонке минимум 200пикс

!!!

Меня ещё интересует пару вопросов:

1. Симантика как вам?

2. Минимум кода? Есть идея метки сделать без списка.

3. Код понятен?

4. Кроссбраузерность. Тестил в IE 5.01 + FF3.5 Opera 6 и Opera 10 потом во флоке каком-то, сафари, K-Meleon, Ocra - всё чётко.

Код валиден, я проверил локальную версию, где нет мусора, который подкидывает хостинг.

Justnewone · December 3, 2009

Я чёт не понял)
я имел ввиду
левой колонке минимум 265пикс
правой колонке минимум 200пикс
!!!
Меня ещё интересует пару вопросов:
1. Симантика как вам?
2. Минимум кода? Есть идея метки сделать без списка.
3. Код понятен?
4. Кроссбраузерность. Тестил в IE 5.01 + FF3.5 Opera 6 и Opera 10 потом во флоке каком-то, сафари, K-Meleon, Ocra - всё чётко.
Код валиден, я проверил локальную версию, где нет мусора, который подкидывает хостинг.

157 Errors, 74 warning(s)

?

1. Производители, товары, оборудование: Китай, Индия, Япония, Сингапур Тайвань - по идее тоже список.

2. а для чего?

3. не всегда, но конечно это не говнокод

4. Вроде на глаз сильно не разлетается

Зачем такое большое белое место? сразу над футером. По идее, если его сократить - не будет верт. прокрутки, это же круто!

Yahoo! · December 3, 2009

ёклмн, это не моё, а хостинг впиндюрил, я уже замучился это говорить))))

и валидатор его код выдаёт!!!

3. Где не понятно?=)

А лучше будет, если на большом разрешении этак 1600х1200 (на моём уже не красиво - 1280х1024) если футер в центре экрана? Ладно если б дизайн фиксированный, а при резине мне кажется лучше прижать, к тому же я слышал это правило хорошего тона=)

Justnewone · December 3, 2009

ёклмн, это не моё, а хостинг впиндюрил, я уже замучился это говорить))))
и валидатор его код выдаёт!!!
3. Где не понятно?=)
А лучше будет, если на большом разрешении этак 1600х1200 (на моём уже не красиво - 1280х1024) если футер в центре экрана? Ладно если б дизайн фиксированный, а при резине мне кажется лучше прижать, к тому же я слышал это правило хорошего тона=)

а, точно, тот то думаю знакомый макетик.

3. </title></comment></a></div></span></ilayer></layer></iframe></center>

</noframes></style></noscript></table></script></applet></font></td></tr></textarea>

и <center>

а так все пучком.

Great Rash · December 3, 2009

Ну какая семантика если таблица юзается не для табличных данных...

Yahoo! · December 3, 2009

3. </title></comment></a></div></span></ilayer></layer></iframe></center>
</noframes></style></noscript></table></script></applet></font></td></tr></textarea>
и <center>
а так все пучком.

это код хостинга =))))))))))))

Ну какая семантика если таблица юзается не для табличных данных...

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

Justnewone · December 3, 2009

Ну какая семантика если таблица юзается не для табличных данных...

Я порой, иногда )))

разделяю два вида таблиц ))))

1 - это тупо table>tr>td? то так, служебная.

2. Это уже с thead, с capture, scope и прочими малозаметными труженниками семантических трудов.

psywalker · December 3, 2009

Я чёт не понял)
я имел ввиду
левой колонке минимум 265пикс
правой колонке минимум 200пикс

Ответь на вопрос: Ты поставил колонке допустим так

#leftColumn {

min-width:265px;

}

У тебя что, это работает в ИЕ6? А если нет, то почему бы такую же конструкцию не сделать на дивах? Нахрена сайт табличный, ты мне ответь

Yahoo! · December 3, 2009

я прописал

* html #leftColumn {width: 265px}

и усё=)

И потом, главный минус таблиц, это их огромный код, а если таблиц 1-2 то этот минус пропадает. Потом проблемы с ослом отпадают, например, прыгающая колонка. Поэтому я же говорю, что не парюсь, может вкладки сделаю дивами, но колонки...

Это уже с thead, с capture, scope и прочими малозаметными труженниками семантических трудов.

В книжке читал, что влияет на юзабилити в худшую сторону, что-то там на речевые браузеры негативно сказывается, что-то в этом роде.

Edited December 3, 2009 by Yahoo!

psywalker · December 3, 2009

я прописал
* html #leftColumn {width: 265px}
и усё=)
И потом, главный минус таблиц, это их огромный код, а если таблиц 1-2 то этот минус пропадает. Потом проблемы с ослом отпадают, например, прыгающая колонка. Поэтому я же говорю, что не парюсь, может вкладки сделаю дивами, но колонки...

Говено, во первых тут опять таки повторюсь дивами делать приятно даже. На всю работу 5-10 минут, и подвал ты круто прижал..ага

Не знаю, 3 минуты у меня ушло на каркас лично

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3 Колонки</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	body { min-width: 700px; padding-top: 100px;}

	div.head { height: 200px; background: #300; margin-bottom: 30px; }
	div.left,
	div.right { float: left; background: red; width: 25%; min-width: 200px; height: 300px;}
	div.right { float: right;}

	div.content { overflow: hidden; background: blue;height: 300px;}
</style>

<!--[if IE 6]>
<style type="text/css">

	body {width:expression(document.documentElement.clientWidth < 960 ? "960px" : "auto");}

	div.left { margin-right: -3px;}
	div.right {margin-left: -3px;}

	div.content {zoom: 1;}
</style>
<![endif]-->

</head>

<body>
	<div class="head">Header</div>
	<div class="left">LEFT</div>
	<div class="right">RIGHT</div>
	<div class="content">CONTENT</div>


</body>
</html>

Yahoo! · December 3, 2009

psywalker, сделаю дивами если скажешь как реализовать задумку на дивах, буду только рад, пока я не услышал =(

и подвал ты круто прижал..ага

Всмысле? Плохо что ли?

Justnewone · December 3, 2009

В книжке читал, что влияет на юзабилити в худшую сторону, что-то там на речевые браузеры негативно сказывается, что-то в этом роде.

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

psywalker · December 3, 2009

psywalker, сделаю дивами если скажешь как реализовать задумку на дивах, буду только рад, пока я не услышал =(

Внимательнее будь

http://forum.htmlbook.ru/index.php?s=&...st&p=128243

Yahoo! · December 3, 2009

Всё увидел-увидел=)

ток каталог каталог оказывается внизу по коду, но на это ...

появилось больше хаков, но на это тоже по...

Edited December 3, 2009 by Yahoo!

psywalker · December 3, 2009

Всё увидел-увидел=)
ток каталог каталог оказывается внизу по коду, но на это ...

Ну это я думаю уже разберёшься чё куда

Yahoo! · December 3, 2009

Вот теперь смотрите, ни грамма таблиц=)

Вопрос, а поле регистрации и входа тоже делать дивами или таблицами (является табличными данными?) ?

Edited December 3, 2009 by Yahoo!

psywalker · December 3, 2009

Вопрос, а поле регистрации и входа тоже делать дивами или таблицами (является табличными данными?) ?

Прикинь, не тем и не другим

Great Rash · December 3, 2009

</div<!-- /right column (конец правой колонки) -->

А дивчик то не закрыт

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

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

Обсуждения

Important Information