28 05 2010 Рубрика: Разное, Ссылки 20 коммент.

«Тула в Фотографиях» и проблемы с div при верстке в WordPress

 Не так давно, что-то в блоге у меня сломалось и верстка поплыла. Конечно, просто так ничего не ломается и если не трогать исходные шаблоны WP, то ничего и происходить не должно… Но у меня произошло. Ковырял я исходники, ковырял, но так ничего и не поправил.

И вот буквально несколько часов назад мне постучался в аську Олег с сайта  http://tula-foto.ru/ и показал, что у меня сломалось.

Оказалось, что при публикации очередного поста закралась небольшая ошибка. Получилось, что пост начинался с раскрывающегося <div>, затем после абзаца текста шел тег <!—more—> а потом уже закрывающийся </div>. Так как WP выводит на главной анонс поста, получалось, что выводился только один <div> — из-за этого плыла вся верстка. Так что, уважаемые владельцы блога на WP, обращайте внимание на такие ситуации! :)

Спасибо Олегу, а всем остальным советую присмотреться к его проекту. В частности, гостям нашего города, я думаю, будут интересны панорамные снимки Тулы, может быть и я свои добавлю — осталось только их сделать.

К записи "«Тула в Фотографиях» и проблемы с div при верстке в WordPress" оставлено 20 коммент.

  1. То же самое в blogger.com (blogspot.com). Я несколько раз с этим столкнулся у себя, но быстро нашел причину. Хотя каждый раз переносить строчку не совсем приятно.

  2. А я вот сейчас вспомнил, что у меня такое уже тоже было один раз… но давно и я уже успел забыть :)

  3. Валидатор выявил бы такую ошибку за несколько минут. Пользуйтесь валидаторами! :)

  4. попробовал — http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fotonotes.ru — Sorry, I am unable to validate this document because on line 89 it contained one or more bytes that I cannot interpret as utf-8

  5. попробовал у себя — 182 ошибки… Круто. :) Вот и доверяй гуглам.

  6. А я вот в своих проектах при обрезании чего-либо, содержащего HTML всегда слежу, чтобы тэги автоматически закрывались. Странно, что этого не предусмотрели в WP.

  7. Ну да, конечно, в том, что у тебя какой-то мусор вставлен в документ, виноват валидатор. Убери мусор, всё заработает.

    Aleksdem, отличный результат! Так держать!

  8. Рад стараться! Теперь как Майкрософт только поступить можно: легче придумать новый стандарт, чем исправлять старые ошибки. :)

  9. Не вижу проблемы сверстать без ошибок.

  10. Артем, у тебя вообще сайт в девятой опере представлял из себя пустую страничку :) Сейчас уж не проверю — обновился до десятой

  11. Правильно, нечего старьём пользоваться — даже сайты не посмотреть! :)))

  12. Я бы воздержался от таких необдуманных наездов :) Прямо сейчас сайт отлично работает в Операх 9.2, 9.5, 10.10 и 10.50. Вёрстка там давно не менялась, так что причина, очевидно, была в чём-то другом. У тебя самого всю жизнь нельзя было отправлять комментарии из под Оперы, что вообще смешно :)

  13. Да я не наезжаю, http://birdwatcher.ru/entry/3209 — 19 февраля 2009 года было дело.
    На счет комментариев знаю, попробую TinyMC поковырять, но с моими знаниями программирования я быстрей все поломаю :)

  14. Ну и при чём тут вёрстка и валидаторы?

  15. […] Fotonotes Опубликовано в рубрике Заметки фотографов « Заметки о фотографии теперь и на twitter.com! Вы можете оставить комментари ниже. […]

  16. Alex:

    Бывает всякое. Вообще люблю wordpress — просто и доступно. Да и в коде можно поковыряться. :)

  17. GPM:

    У меня тоже такое случалось. Я теперь вообще стараюсь в корень шаблона не лезть 😉

  18. Аналогичная ситуация была на джумле, там при публикации материалов вставляется спан, но некоторые редакторы вставляют див, как результат плывёт весь шаблон на всех страницах сайта. А валидатор вообще вещь прекраснейшая, особенно в FF. Можно сразу посмотреть и поправить. )

  19. Это ещё не проблема, проблемы начинаются, когда начинаешь добиваться совместимости верстки со всеми браузерами.



Комментарии

  • Антон: Неплохой сайт по фотографии http://3-photo.ru/ Есть фотоальбомы,...
  • Алексей: Объявления о продаже и покупке фототехники. Множество интересных и...
  • Артем Шматок: Полезная статья. особенно для таких новичков как я) Воспльзуюсь...

Архивы