Переделанный сайт

[Dimitry Wolotko]

http://psywalker2008.narod.ru/images/dating_08.gif

Почему она и ей подобные не текстом?

В колонке "пользователи онлайн" перестарались с бекграундом.

Личные сообщения и цифры, которые к ним относятся поехали в Сафари и FF.

Выравнивание пунктов кабинета - спорно, и очень. И что там будет, когда человек не будет залогинен?

Если используете XHTML 1.0, то закрывайте теги, к примеру

<link href="style.css" rel="stylesheet" type="text/css">

или

ну или

<img src="images/telk_49.gif" ... >

& меняем на &amp ; (без проблела)

Таблица свёрстана криво:

</tr>
<td class=b width="193" height="38">

Иконку у "сообщений" положите беграундом, и вынесите в стили - нафик картинкой то класть?

Ну это так, на первый взгляд.

[psywalker]

1)А как сделать так,чтобы сверху была каринка,а снизу текст,на всякий случай,если пользователь выключит изображения?

2) А что именно я перестарался с Бегом?

3)А как пральна сделать с цифрами(личные сообщения),чтоб они не уезжали?

4)Насчёт доктайпа,я думаю,поменять на другой,а какой посоветуете?

5) А про какую иконку имели ввиду? если можно,поконкретнее)

[Dimitry Wolotko]

Ох.

1) Сделайте просто текстом и не парьтесь;

2) Там полоска с косыми чёрточками, они лишние, имхо;

3) Переверстать;

4) Этот Доктайп вполне хорош;

5) http://psywalker2008.narod.ru/images/telk_56.gif

[psywalker]

1)извините.а как переверстать,вот например почему у меня каркас одной длины получаеться,а внутренний див другой длины? а весь дизайн при этом нормально ложиться

2)полоска с чёрточками,это так было в макете,я всеголишь повторил

3)

Личные сообщения и цифры, которые к ним относятся поехали в Сафари и FF.

А как пральна сделать,чтобы всё точно вставало на свои места? Какие стили и вообще?

Не по сабжу

Неужели у когото ещё есть сафари? А что это?

Edited September 16, 2008 by psywalker

[nazarovvlan]

Сафари это браузер у макинтоша

[ZoNT]

Сафари это браузер у макинтоша

Поехало в Сафари -> поехало в Хроме...

[psywalker]

ZoNT

поехало в Хроме..

Простите,где?

Edited September 16, 2008 by psywalker

[ZoNT]

ZoNT

Простите,где?

Google Chrome

[psywalker]

1)

Таблица свёрстана криво:

</tr>

<td class=b width="193" height="38">

А что именно криво,забыты <tr> или вобщем криво свёрстано? Если да,то поподробнее)

2)

& меняем на &amp ; (без проблела)

Что это значит и где менять?

3)а переверстать весь сайт или тока колонку?Если тока какието определённые вещи,то какие?

4)

Личные сообщения и цифры, которые к ним относятся поехали в Сафари и FF.

А как пральна сделать,чтобы всё точно вставало на свои места? Какие стили и вообще?

5) полоска с чёрточками,это так было в макете,я всеголишь повторил

Edited September 16, 2008 by psywalker

[Dimitry Wolotko]

1) Вы в курсе, как верстаются таблицы? Включаем мозг и думаем;

2) Значение слова "меняем" вам понятно? оно вполне очевидно;

3) Колонку переверстать;

4) Пробуем, тестим;

5) Ну голова своя должна же быть;

[Amigos]

WTF ???!

Верстка - ужасная, сложилось впечатление что

автор вообще не понимает что происходит. Дизайн,

посколько не твой, не обсуждается.

Для начала важно запомнить - существует по большому счету только один

ключевой критерий верстки, её главный так сказать КПД, и не оспоримая аксома - кроссбраузерность. А именно идентичность того самого, каким увидит твой сайт ПОСЕТИТЕЛИ (а не те мудаки что полезут с первых секунд смотреть твой наверстаный код) вне зависимости от выбора интернет обозревателя. Вот твоя главная задача сейчас! Всё остальное - красивые трюки, понимаение что лишнее, что нет, придет позже, и должно оно не просто свалиться на голову как факт, или дань моде, а придти вовремя.

Реши для начало максимально возможно эту главную задачу, а уж потом только стоит будет ИМЕННО к подошедму времени и поговорить о том как улучшить какие-то элементы.

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

Edited September 17, 2008 by Amigos

[psywalker]

Amigos спасибо за мнение дружище,всегда ценил искренность в людях,а расскажи мне,как ты пришёл к этому? По какой системе занимался,чё учил и т.д?

И что по твоему мнению свёрстано галимо: Всё или какието определённые вещи,если можно ,поподробней

Edited September 18, 2008 by psywalker

[Dimitry Wolotko]

А именно идентичность того самого, каким увидит твой сайт ПОСЕТИТЕЛИ (а не те мудаки что полезут с первых секунд смотреть твой наверстаный код) вне зависимости от выбора интернет обозревателя.

Ну вот, меня обозвали

Вам кстати бан на сутки.

[psywalker]

Dimitry Wolotko да он не тебя скорей всего имел ввиду.он так.это образно..а вабще сам придёт.расскажет,что он имел в виду..гыы)

[Ялекс]

psywalker, ты спрашивал что нужно учить и читать?

Интересно почему все думают, что нужно много читать, или учиться нужно по какойто особенной методике?... Достаточно просто понимать или стараться понять что к чему.

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

Возьми любой бесплатный шаблон и попытайся понять как собраны элементы и что для этого использовалось. Поищи блоги верстальщиков. Там очень много полезной информации, а не воды, как обычно в книжках.

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

Edited September 19, 2008 by Ялекс

[psywalker]

Ялекс слушай,я сначала планирую научиться хотяб таблицами.а пото уже на Дивах,ты считаешь это неправельный подход? если да,то почему?

[Ялекс]

Верстать таблицами?

Нет, это не правильный подход.

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

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

[Vlad]

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

[psywalker]

Vlad а ы что можете сказать насчёт моей вёрстки,очень интересно было бы ваше мнение

http://psywalker2008.narod.ru/index.html

А это CSS http://psywalker2008.narod.ru/style.css

[Amigos]

Если ты и вправду хороший малый, если не боишься трудностей, если понимаешь что на самом деле тебе важно развитие, важно знать как лучше сделать, поддерживать высочайший критерий качества, который сделает в последствии все твои работы уникальными - ты должен знать ВСЁ, и таблицу и дивы.

Без исключения, вне зависимости от предпочтений, пережитков и прочей пижни о которой последнее время так любят пафосно рассуждать. Ни в том н в другом (2 Vlad ) нет ничего сложного. Таблицы и, дивы с любым толмутом по хорошему учатся меньше чем за сутки. Остальное, это твоё желание сделать как можно лучше, как можно тоньше, вернее выразительнее и красивее.

хочешь на чистоту?! Никто не даст тебе совета лучше чем тот что ты можешь дать себе сам. Сделай работу достойно и оправдываться и краснеть не придется. А как сделать её таковой любой желающий всегда отыщет способы. Каждый учится по своему, и твой опыт будет таким же неповторимым со временем как у любых гуру веб разработки: сопоставляй, сорозмеряй, сравнивай, наблюдай, запооминай... .

Если не согласен или не готов к этому, - лучше не лезь, не хардкорь понапрасну в инете, не порть мнение о этой специальности.(КАСАЕТСЯ КАЖДОГО).

Edited September 22, 2008 by Amigos

[klierik]

странно... я не замечал этого поста ранее... оО

в общем.. работа очень харошая.. по сравнению с прошлой... намного лучше...

но все же... опять...

зачем делать списки дивами, если это обычные списки? это я про "divtab1"

этот элемент надо описать один раз и все. оптом его использовать в проекте везде на одних стилях. так же незачем в код вставлять <img> сюда... используйте background-image на <li>

точно так же можно и построить "PredNiz1"... на списках UL LI

и еще....

с body уберите отступы. а на .Carcas повесте { margin: 0 auto; }

так будет красивее.

ага... так.. в верхушке.. меню.. ну его тоже на списках надо бы..

я только сейчас заметил...

почему весь сайт русский.. а в форме слева слова по английски?! ))

в общем мелкие доработки... и будет то что надо =)

[psywalker]

klierik

зачем делать списки дивами, если это обычные списки? это я про "divtab1"

этот элемент надо описать один раз и все. оптом его использовать в проекте везде на одних стилях. так же незачем в код вставлять <img> сюда... используйте background-image на <li>

Просто дело в том,что я ещё тока сегодня дошёл до этой главы в учебнике(СПИСКИ) ,поэтому не знал,как это делаеться,теперь знаю и буду применять..

А насчёт верхушки меню,я ещё пока неумею делать списком-горизонтально((,

Спасибо вам за мнение,скоро начну делать новый сайт на Дивах,со всеми учтёными ошибками,када закончу,дам заценить))

[klierik]

А насчёт верхушки меню,я ещё пока неумею делать списком-горизонтально((,

2 примера:

html:

<ul class="menu">
		<li><a href="#">Личные данные</a></li>
		<li><a href="#">Новые сообщения</a></li>
		<li><a href="#">Помощник</a></li>
		<li><a href="#">Друзья</a></li>
		<li><a href="#">Личные сообщения</a></li>
	</ul>

css 1:

ul.menu {overflow:hidden; _zoom: 1;}
			ul.menu li {float:left; }

или css 2:

ul.menu {}
			ul.menu li {display: inline; }

[psywalker]

klierik

спасибо,а пару вопросов:

1)Что значит в CSS _zoom: 1;?

2)А как сделать выплывающий список?

Edited September 22, 2008 by psywalker

[klierik]

1) этот параметр надо для правильното отображения под ИЕ6

подробнее почитайте тут: http://habrahabr.ru/blogs/webdev/31236/

2) что такое "выплывающий"