Уезжает таблица

[VDV_forever]

На каком бы компьютере Вы не загрузили сайт (сверстанный обычно, на html): http://handbookhmm.ru/spells.html

таблица никогда не уедет за пределы основной страницы (можно уменьшить размер окна для эксперимента). Если она оказывается больше разрешения экрана монитора в px, то появляется полоса прокрутки внизу. А таблица все время будет стоять вровень с текстом (не ужатая, не обрезанная и не перенесенная вниз)!

То же самое хотелось бы увидеть в полюбившемся мне движке wordpress на тестовом сайте:

http://vdvforever.jino.ru/

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

Код стилей лежит здесь: http://forum.htmlbook.ru/index.php?showtopic=31399&view=findpost&p=244453

Помогите люди добрые.

P.S. Это вообще реально сделать, или я может напрасно мучаюсь и к Вам пристаю.

Edited February 11, 2012 by VDV_forever

[VDV_forever]

Если добавить в Style.CSS дополнительный класс, то в итоге получим наезд картинок:

http://vdvforever.jino.ru/

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

Можете сами убедиться в этом.

Edited February 12, 2012 by VDV_forever

[buddah]

Попробуй задать для таблицы в css

table-layout: fixed;

[VDV_forever]

Попробуй задать для таблицы в css

table-layout: fixed;

так и стоит:

/* begin Layout */

.art-content-layout

{

display: table;

position: relative;

margin: 0 auto;

table-layout: fixed;

border-collapse: collapse;

background-color: Transparent;

border: none !important;

padding:0 !important;

width:100%;

margin-top:0;

margin-bottom:0;

}

моя тема: http://handbookhmm1.narod.ru/Vedenev8.zip

Edited February 12, 2012 by VDV_forever

[buddah]

По-хорошему тут все переверстать надо.

Edited February 12, 2012 by buddah

[VDV_forever]

По-хорошему тут все переверстать надо.

Эх... сказали, как отрезали... Из меня верстальщик никакой.

Неужели нет способа сделать появление горизонтального скролинга, когда ширина таблицы превосходит ширину экрана?

Понятно, что для мониторов с диагональю 19 и разрешением экрана > 1280 эта табличная лажа не вылезет, но уже на нетбуках она явно видна

Edited February 12, 2012 by VDV_forever

[hedgehog]

Эх... сказали, как отрезали... Из меня верстальщик никакой.

Неужели нет способа сделать появление горизонтального скролинга, когда ширина таблицы превосходит ширину экрана?

Поместить таблицу внутрь блока, у которого задана фиксированная ширина и overflow-x: auto; ? Но это, конечно, не лучший выход, так как горизонтальная прокрутка не очень удобна.

Мои варианты:

• Уменьшить количество ячеек в строке таблицы и задать минимальную ширину блоку art-content-layout-row такой, чтобы таблица не выезжала за границы.
  
• Сделать, наконец-то, эти ячейки инлайновыми или флоатнутыми блоками , чтобы при маленьких разрешениях то, что не влазит, переносилось на новую строку.
  

[VDV_forever]

Эх... сказали, как отрезали... Из меня верстальщик никакой.

Неужели нет способа сделать появление горизонтального скролинга, когда ширина таблицы превосходит ширину экрана?

Поместить таблицу внутрь блока, у которого задана фиксированная ширина и overflow-x: auto; ? Но это, конечно, не лучший выход, так как горизонтальная прокрутка не очень удобна.

Мои варианты:

• Уменьшить количество ячеек в строке таблицы и задать минимальную ширину блоку art-content-layout-row такой, чтобы таблица не выезжала за границы.
  
• Сделать, наконец-то, эти ячейки инлайновыми или флоатнутыми блоками , чтобы при маленьких разрешениях то, что не влазит, переносилось на новую строку.
  

Спасибо, что уделили время и помогаете советами.

- overflow-x: auto; этот вариант отпадает, не красиво.

- уменьшать количество ячеек не приемлемо.

Пока добился результата, что текст с таблицами стали вровень.

Хотелось бы, что бы резина была кроссбраузерной. Имеется в виду эффект, когда страница сжимается до определённого размера, далее браузер ставит прокрутку как при фиксированной верстке. В итоге все элементы стиля должны быть на своём месте, как здесь:

http://handbookhmm.ru/

Вот, страница сайта, где таблица оказывается больше ширины экрана для стандартного разрешения в 1024 (на нетбуке): http://handbookhmm.ru/battle.html

Появляется горизонтальная прокрутка.

Готов заплатить (в разумных пределах) за коррекцию моего шаблона, а именно файл style.css.

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

Edited February 19, 2012 by VDV_forever

[ablay2009]

коррекцию моего шаблона, а именно файл style.css.

Там надо все переделывать - это неблагодарная работа

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

Меню - понятие растяжимое, о каком именно меню вы говорите?

[VDV_forever]

Там надо все переделывать - это неблагодарная работа

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

Более того, я написал, что за работу будет оплата в разумных пределах (в рублях). И как понять все переделывать!?, Почему, зачем!? (Если дизайн полностью меня устраивает, ведь я его делал )

На счет верстки, очень уважаю данный сайт, но в данной теме: http://forum.htmlbook.ru/index.php?showtopic=32897

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

Особенно, если увеличить в указанной теме изображение:

http://clip2net.com/s/1BUso

Что по Вашему форум тоже переделывать полностью надо? Ведь проблема по сути та же!

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

Меню - понятие растяжимое, о каком именно меню вы говорите?

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

Я не строю из себя крутого верстальщика, или гуру CSS, поэтому и обратился за помощью...

P.S. Постараюсь завтра выложить окончательную версию шаблона.

Edited February 19, 2012 by VDV_forever

[VDV_forever]

Да, похоже Вы все правы. Действительно надо все переверстывать, используя табличную верстку.

*Но на это я пойтить не могу *

Кстати способ автоматизированного уменьшения изображений как нельзя кстати в этой безвыходной ситуации. Но, этот плагин http://n-wp.ru/4874 не подойдет, учитывая, что у меня в одной строке может находиться несколько маленьких картинок.

Может посоветуйте что-нибудь более подходящее?

Пример: в строке 10 картинок шириной 100 px;

Ширина слоя с контентом 800px (фиксированная).

Вопрос: как уменьшить автоматически все 10 картинок, что бы они вошли в слой контента и не вылезли за его пределы?

P.S. Приношу Всем ответившим в данной теме людям свои извинения за нападки и не понимание вопроса с моей стороны

Edited February 21, 2012 by VDV_forever