А, ну да, не подумал...

Но он ведь потяжелел на 2 кб из за лишних пробелов...


Да, это так, но я делал другую страницу. В данном случае "О нас".
Где, как предпологалось будет один большой блок с текстом.
Чтобы не изобретать велосипед(и не писать параметры для текста, ссылок фона и т.д.....) я хотел всего-навсего отшить заголовок в превью (что в общем-то получилось просто див выпилить)
И растянуть. но работает только стандартный .item , item2 никак не хочет работать.

Можно сделать уже полностью новый, но все таки, почему так не работает?

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


Item потому и был назван итемом (англ. пункт), что он является одним пунктом списка "preview" (предварительный просмотр). Поэтому использовать их некоректно для других целей с точки зрения идеологии структуры сайта.

Я немного протупил, сделав .preview позиционируеммым вручную. Поэтому поменял структуру следующим образом:


http://rghost.ru/3411294 - c измененной структурой и детальными коментарии (в архиве - без графики, только html и css). Размер кода порядочно вырос за счет коментариев и отступов, но это для разбора только плюс.



не забывай о том, что помимо просто .item в css могут быть еще:
#some .item - элемент с class="item", который вложен в контейнер с id="some"
.some2 .item - элемент с class="item", который вложен в контейнер с class="some2"

скорее всего ты где-то забыл прописать для .item2 какое-то свойство которое было прописано для .item, например .preview .item, но повторюсь это не правильно.

Кстати, в измененной версии размер item-ов зависит от класса элемента #preview.
Если в html написать <div id="preview" class="creatures"> то размер будет одним, если <div id="preview" class="heroes"> - то уже другим.

Ура-Ура товарищи!
Выходные!

В будни был занят, честно...

Сел делать: Видоизменил страницу - создал главную в подразделе герои 3,5.
Прошил ссылками как мог (не идеально, но начало начал )

И теперь можно попасть с главной!

Пока доступно только "О нас".
Дело в том, что у меня почему-то криво работают ссылки в футере... Они есть, но не нажимаются вообще никак. Последнюю ссылку специально не закрыл - если нажать на 2010 она заработает, а так нет. Где мой косяк?)

Решил пока не делать дальше, потому что очень много страниц придется править...

link

Текст сочинял целый час)

По задумке, странник(посетитель) - это странствующий герой. Который забрел в библиотеку, и это как бы находится там, в том мире!

Но думаю, что у меня нифига не получилось

Ситуация несколько изменилась.

Выяснилось, что не работают ссылки только у меня в ФФ.
Симптомы - машка не меняет свой курсор, не появляется пути следования (внизу слева) ссылка вообще никак не реагирует - обычные текст.
В опере все работает на Ура!

Что это может быть?

Может быть это глюк?

Не исключено

А о каких конкретно ссылках речь? У меня все работает, что касается верхнего меню, только ведет в 404. А в нижнем все нормально открывается и переходится.

Не работают ссылки на профили J2K и Шурупа с этого форума, что внизу страниц. В Опере нормально, а Огнелисе - нет.

в css в селекторе #footer добавь атрибут

position: relative;

И традиционная ложка дегтя от меня:

В опере в контекстном меню есть такой пункт "проверить, соблюдены ли стандарты". До редакции страница соответсвовала самым жестким стандартам.
сейчас, 15 Errors, 3 warning(s), а это на 90% значит, что скоро ты запутаешься в своем коде.

Да, забыл сказать о каких ссылках идет речь) сорь)


Да, заработало, спс.
Но каким образом позиция повлияла на ссылки!? Да и тем более частично! (на 2010 ссылка работает.)


Отличная штука! Не знал...


А вот здесь на что ругается?

start tag was here
Здесь был начальный таг\Здесь был старт тага

Был, и сейчас есть)


А вот здесь не понял... Как соответствие стандартам, может отразится на понимании своего (твоего) сурса?
Если только впоследствии не смог бы разобраться в чем косяк, потому что их было бы слишком много...

P.S. Notepad++ зачетный!) Как ценитель обычного блокнота, скажу что этот просто шедевр)

для эксперимента добавь в начало css div {border: 1px solid #F0F;}
Какой-то из предыдущих блоков нахлестывается (вроде #content). А явное указание позиционирования повышает приоритет отображения (и отзывчивости, для верности можно задать футеру порядковый номер слоя - z-index).




в xhtml-е все теги добжны иметь парный закрывающий тег. <tag>Типа того</tag>. Но для некоторых тегов типа <br><img><hr> обратный тег не существует, так что их можно заменить на "самозакрывающийся" <br /> <img src="" /> <hr />


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

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

Кстати, ты заметил, что на теги "<center>", "<font>" валидатор тоже ругается. Забудь о этих тегах. В HTML не должно быть форматирования. Только структурирование.

НПП - прекрасен сам по себе, но для php его уже не достаточно, так что привыкай к подсветке и авто-дополнениям, а потом и на netbeans перейдешь.

ну и напоследок рекомендую сайт http://htmlbook.ru/ - очень полезный.
Лучше день потерять, но потом за пять минут долететь. (с)

фуууххх...

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

Пофиксил почти все ошибки(да только br и пофиксил)) ). <font><center><color> я не фиксил, ибо все равно там текст для теста, ну чтобы не пустая страница и не повторяющиеся.

Раздел графики пока оставил, там думать нужно. Седня я не расположен))
Но тем не менее, работают 2 ссыли - Главная и Существа



Да я впринципе догадался до этого, но думал что это про <br>
А оно оказывается и так и так)

FUUUUUUUUUUUUUUUUUUUUU

Токо что вспомнил про код от лайвинтернет, неужели теперь в каждую страницу его заново пихать? Можно как нибудь скрип через ЦСС вставить???

Ссылку забыл

А, ну она у мну в подписи есть

в #content надо заменить
top: 60px;
на
margin-top: 60px; тогда content перестанет наползать на футер.

Немного философии.

В bigblock'e "О нас" есть ссылки <a class="active"... что в корне неправильно... Так как если ты вдруг захочешь поменять стиль левого меню, то у тебя сразу же поплывут твои ссылки в тексте. Эти ссылки не равнозначны, а соответственно использовать для них один и тот же класс - не правильно. А поскольку он зовется "active" (авктивный, подсвеченный раздел) - то и вовсе недопустимо.

к тому же ссылки "древние свитки с картами" "разделе графика" ничем не отличаются от нессылки "по Героям меча и магии 3,5: Во имя богов". Навигация становится от этого неочевидной.

Спасибо, все понял!

А я добавлю ложку эстетики

Не люблю когда надписи прыгают:

Ну кнопка же вроде как нажимается...
Я думал это в плюс...

*Мимо проходил* Кампании через "а".
*ушёл*

Первый попавшийся вариант с вылезающими кнопками-закладками:



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

Ну вот я и снова сел за сайт.
Извините, была зачетная неделя.
Почти все сдал, осталась парочка...

Ну а теперь к делу:
- Выровнял кнопки как говорил J2K
- Пытался сделать собственный класс ссылок, что то у меня ничего не вышло.
Сначала попытался a .text:active {color=#......}... <class=text> ничего не вышло
Попытался засунуть в #bigblock
#bigblock.top1 a:active {color=#......}... <ul><class=top1></ul>
Снова ничего. Как были оранжевые так остались.
Что то я никак не допру...

П.С. Скоро каникулы, вот там то все и сделаю точно! Чуток ведь осталось

:active - это псевдокласс активной ссылки. (стиль применится только тогда, когда ты сделаешь onMouseDown на ссылке)

тебе же нужно задать стиль, который будет применяться ко всем ссылкам в #bigblock (кроме тех, где явно указано обратное).
Поэтому смело можешь использовать:

#bigblock a {color=#0F0;}

а если вдруг тебе захочется сделать отличающуюся ссылку (дважды подумай прежде чем делать венигрет из ссылок) - то тогда

<a href="..." class="drugaja_ssylka"> ...

#bigblock a.drugaja_ssylka {color=green;}

А, теперь разобрался)

Вот что меня смутило:

Здесь Active название, а не указание типа ссылки.

Я хотел также сделать, а получилось что местами поменял

Который раз уже сам себе фейспалм хочется показать, элементарно же...

-Отредактировал текст на главной
*Сменил стиль ссылок на желтый, при наведении и клике стары оранжевый. Ставил голубой, но он мне показался слишком ярким.
-Добавил на все текущие страницы счетчик лайф интернета.
-Пофиксил кАмпании
-Пофиксил футер.

Если что то не нравится, говорите сразу, а то я убьюсь все переделывать)

Луше наоборот. Желтый - слишком агрессивный и контрастный. Оранжевый - спокойнее и сочетается с остальным графическим наполнением.
Ссылка должна становиться "агрессивной" когда ее используют по назначению, а не когда ее оставляют в покое.


А зачем? Тут никак не критика, мне просто всегда был не совсем понятен этот ход (причем это касается не только твоего сайта)

Лично я люблю подсчет и факты.

А размер аудитории сайта, это просто архиважно! Вообще было бы классно полная статистика, сколько существ добавлено, сколько каждого скачено просмотренно и т.д.
Я вообще люблю все статистики) В играх без статистики как то не то, не удобно

---
Поменял, так и вправду красивее

Не нравятся мне "прыжки" меню навигации при переходе между страницами. Логичнее прибить его к левому краю.



Если оставлять надпись "Heroes 3.5" то в "О нас" надо побить на 2 ссылки, хоть и будут они вести в одно и то же место. Да и не нужна там эта надпись (3.5) по-моему. Ведь в шапке у нас написано где мы и вот ту надпись и следует сделать ссылкой. Меню навигации опять же сократится .

Пересмотрел еще раз меню навигации: от "О нас" "главная страница" тоже имеет смысл отпилить если не планируется многоуровневых описаний с биографиями авторов (их же не планируется?).

Вот совпадение, именно седня я опять его апдейдил)
Жаль только что уже закончил и только сейчас увидел твое сообщение.


Ок, сделаю - посмотрим, лучше\хуже.

"Heroes 3.5" наверное стоит выпилить.


Еще, наверно стоит выпилить все главные страницы в разделах, как вы на это смотрите?
Или переименовать их в нечто "О разделе"


Апдейт от 23.12.10 17:00 (мск)
-Прошил до конца раздел "графика" ссылками (только в существах пустые, и декоративности - дубль артефактов)
-Добавил Артефакты
-Добавил Поля битв
-Добавил Портреты
-Добавил Объекты

Пока проблема в объектах - одни маааленькие, и выглядят со смещением. А другие просто громадны как по размеру, так и по названию (таверно Порванный барабан). Если и можно объекты как то позиционировать ровно по центру, то что делать с названием я не знаю.

сцыль в подписи

С паками не соглашусь. Это сейчас их по 2 объекта и они влезают, а будет там 7 объектов, что тогда? Надо общую иконку нарисовать чтоли...



Я понимаю, что нагляднее когда видно что в наборе, но тогда например можно поставить на вещах зеленые точки (типа часть набора) а на наборе подписать его цвет. Как-то так.

На паках я подразумевал 2 главных предмета отражающих суть (если оружие, то топор и меч к примеру) или 2 рандомных если нет особой тематики.
Также и с потретами\объектами.

Твоим же способом проще) не нужно будет мучиться с картинками.

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

Не апдейд, но вопрос на миллион!

Для каких объектов делать отдельную страницу?
Для программ и мануалов 100% понадобится следующая страница.
Для карт\кампаний наверно тоже, слишком много доп информации.

А вот что касается раздела графики, так я не знаю. В полях для битв особо писать нечего, кроме как очень поможет ссылка "как их вставлять"
Можно 3 ссылки уместить и так - картинка-нажимаем- открывается полное поле битв. под мини картинкой скачать и сам вопрос как вставлять.
Портреты таже история... Артефакты тоже. Да и существа в конце концов(ссылку на анимацию можно засунуть в саму картинку-превью)!
Выходит для всего раздела графика можно выпилить эту доп страницу?
И выделять страницу только под паки

Дублировать один и тот же вопрос, согласен, пахнет глупостью, но мне кажется это снизит вопросов процентов эдак на 50...
Или я не прав?

1) Графика.
1а) Существа.
1б) Объекты для карт.
1в) Артефакты.
1г) Портреты героев.
1д) Прочее.

Некоторые пункты можно сократить, переместив их в "Прочее". Если нужно будет, то потом выделить их, если материала накопится достаточно.
К каждому подпункту - туториал, как заменять или добавлять. Или один общий туториал.

Я наверно спросил не так
Это то есть
Вопорос в том что делать ли:

1) Графика.
1а) Существа.

1аI) Орк
1аII) Кентавр
1аIII) Гном

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

а зачем?

кстати неверно определяется кодировка, по крайней мере на главной

Ну вот и я вдруг подумал - зачем?

А изначально планировались.

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

UPD: пока думал понаписали... Каждой твари конечно своя страница это сильно лишнее.

Ну вот, думаю сделал достаточно обновлений для апдейта.

4 утра...
678 секунд 3-я неделя 4 минуты...

А чего я?
А ну да, я ж дату пишу

Апдейт от 02.01.11 02:00 (мск)

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

Жду отзывы до завтрашнего вечера, потом работаю дальше
на седни хватит)


Кстати, J2K, у меня не получилось с картинкой "набор" ничего сделать)
Фотошоп цс3 ее не переваривает ( Можешь псд скинуть?

И помнится Шуруп выкладывал сайт на народе, и у него там была правильная обводка кнопок на главной... Мне бы раздобыть эти кнопочки

Проверил, работает: http://rghost.ru/3834984/image.png

Вот в чем проблема:
Это джепежка, а сохраняется как PNG. Причем даже если указать на JPG, все равно в PNG сохраняется. В папке сменил расширение и все

http://shurupich.narod.ru/herlib/ ?

Да, он!
Искал в теме, но не нашел почему то))

Я возьму кнопки?

Та без проблем Ты к PHP еще не созрел? Больно смотреть как ради одной-двух строчек правишь полсотни страниц.

Созрел в каком плане?)
В плане знаний - нет, и не думаю что скоро будет. Всякое "Программистское образование" у меня отсутствует.... Только и есть цсс да штмл в моей башке)

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

Хотя пхп конечно сила... но, думаю, Пакка не хочет заниматься обертками (штмл это классно сказано ), ему бы сути дать читателям, да и наверное, пошустрее будет, что опять же плюс читателям...

Я, например, по тырнету обычно лазаю с отключёнными скриптами и флешем. Я за безопасный секс серфинг!

С ним дело обстоит не лучше)

Апдейт от 03.01.11 19:00 (мск)

-Добавил пару фишек в разделы артефакты\поля битв (например номера страниц)
-Главная страница теперь неотразима)
-Добавил описание раздела графика, и статистику

Со списком 2 часа мучался... Очень обидно что на такую ерунду уходит почти весь день (((
Хотя такое "наступание на грабли"это наверно естественный процесс обучения

Всё лучше и лучше!
PS. На главной внизу у вас пустота... Залейте её чОрненьким

Оппа, на главной заметил совершенно лишний скролл :\


На какой именно?)
И зачем заливать? Прости, не понял...

Если можно - скрин

Хмм... и скролла как я погляжу нету...



Вот блин :\ Придется где то тестить на норм монике) а то все что дома широкоэкранки

П.С. Сохраняй в гиф. Размер меньше в разы, а качество тут не важно