FAQ по дизайну и верстке (HTML, CSS)

В IE косо отображается сайт, нет нужного выравнивания и идет смещение сайдбар ниже основного текста. В опере все идеально. Если кто сталкивался с таким и знает как решить подскажите пожалуйста.

Привожу скрины чтобы было ясно

Есть такая тема для WordPress PersonalMag. Я хочу установить ее себе на блог, но в этой теме меня не устраивает одно: там нет постраничной разбивки. Т.е. выводится список десяти последних сообщений, а ссылки Далее на другие мои посты, там нет. Помогите сделать подобную ссылку

Дано – посты определенной категории публикуются с превью изображениями через custom fields.
Как сделать горизонтальный вывод категорий и превью на странице?
Сначала превью, под ним permalink на страницу, затем рядом следующие превью и permalink той же категории. И т.д. И в конце текстовая ссылка на остальные посты этой категории.

Чтобы было понятно о чем я – вот рисунок.

Это наверное через CSS как-то решается.
Спасибо

Всем добрый день.
У меня вопрос.
Помогите пожайлуста.

Как убрать из этой темы http://www.spacejam.ru/news
Эти четыре рекламки 125на125 ??

Спасибо, заранее.

Потребовалось вот вставить счетчик(и) в футер да так, чтобы копирайты остались слева а счетчик(и) был(и) справа или по центру.

Сейчас footer.php выглядит вот так:

<div id="clearer">&nbsp;</div>
</div>
<div id="footer">

<p class="small">&copy; 2007-<?php echo date("Y")." ";?>site.ru</p>

</div>
</div>
<?php wp_footer(); ?>
</body>
</html>

Предполагаю сделать вот так:

<div id="clearer">&nbsp;</div>
</div>
<div id="footer">

<div style="float:left; width:500px"><p class="small">&copy; 2007-<?php echo date("Y")." ";?>site.ru</p></div>
<div style="float:right; width:260px; text-align:right"><noindex>
<!--LiveInternet--> . . . <!--/LiveInternet-->
</noindex></div>

</div>
</div>
<?php wp_footer(); ?>
</body>
</html>

Это нормальное решение или "кривое"?

А как можно выровнять счетчик по центру? :rolleyes:

Завел блог, крутил-вертел настройки, но чтобы в CSS лазал – такого не помню. Тем более, что изменения в шаблоне, платные, как я понял.

Тем не менее, вылезла вот такая хрень

http://stroganov.wordpress.com/

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

сам по себе шаблон должен выглядеть вот так: http://blog.hchlv.com/

я писать малява в поддержка сервис, они отвечать этот текст

The Custom CSS is the only way to remove it. The small face is what is necessary for WordPress.com Stats to work and show up correctly. It is found in all templates.

ПОСОВЕТУЙТЕ, ПЛЗ: как вернуть обратно этот Custom CSS???

И: я ничего пока не понимаю в CSS

Здравствуйте.
Подскажите пожалуйста, как сделать в Вордпрессе, точнее в теме, что б при выборе страницы (навигации по сайту) или категории, не происходила перезагрузка( перерисовка) всего сайта?
Что б шапка, подвал, sidebar оставались на месте однажды загруженными, а при навигации по сайту они б не перерисовывались.
Подскажите где копать и по возможности, где подправить тему.

Привет,
Собственно сабж. В ФФ все показывается нормально, а в Opera и Explorer не выводится на экран ничего, хотя весь хтмл доступен в source-код.

Косяк, видимо в верстке. Но ФФ выводит также как и ИЕ, обычно. Что думаете по этому поводу?

Здравствуйте!
Я скачал шаблон:
http://today-free.com/2008/03/14/my-relise-wordpress-theme-for-world-of-warcraft-guilds.html

Шаблон выложен бесплатно, поэтому я никого не обманываю, ни у кого ни краду!

Проблемы в следущем:
1) Как поменять, например, "Pages" на "Страницы"…. то есть Названия меню?
2) Как добавить или убрать еще 1 меню?
3) Как добавить банеры на сайт?
4) Если файлы зашифрованы, можно их расшифровать?

Заранее большое спасибо за помощь.
С уважением, Антон

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

Мне необходимо в записи вставить небольшие изображения с выравниванием влево и обтеканием текста справа. Вокруг изображений должна быть однопиксельная рамка с отступом в 3 пикселя.
Новый стиль оформления рисунков WP 2.6 и визуальный редактор не используем.
Задача – сократить до минимума объем вставляемого в запись кода за счет CSS.

Чтобы получить желаемую рамку, в style.css дописал:

#content p img{
padding: 3px;
border: 1px solid #ccc;
background: #fff;
}

Для выравнивания и обтекания изображений вставил в style.css кусок из дефолтной темы:

p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.right {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.left {
    padding: 4px;
    margin: 5 5 0 0;
    display: inline;
    }

.right {
    float: right;
    }

.left {
    float: left
    }

В режиме HTML вставляю изображение между тегами <p>:

<p><img class="left" style="margin: 4px 7px 0px 0px" src="http://.../image.jpg" />Текст абзаца.</p>

Это правильно? Внешне все выглядит как задумано. Можно ли еще больше сократить вставляемый код, например, загнать в CSS и значения margin? :rolleyes:

простите, может где и поднималась тема, но у меня какие проблемы с поиском по сайту. В общем суть проблемы, старой как мир.
В Эксплорере 6м картинки формата png24 отображаются с каим-то серым фоном вместо прозрачности. Это, разумеется, меня не устроило и я решил найти решение проблемы в интернете. перепробовал с десяток всяких способов, плюс плагин для вородпреса, но все без толку.
Думаю, что в WP есть какие-то ньюансы, которые я не учел. Может сталкивался кто с этой проблемой и знает верное решение? Прошу помощи!

Установил себе симпотичный шаблон и менять его не хочу, но есть проблема. При заходе в новость появляется черный фон. Вот пример – http://fullseo.ru/registraciya-v-katalogax и новость читать невозможно. Кто-нить подскажите как и где в css изменить его на белый допустим, чтобы текст было видно хоть.

Здравствуйте,
есть тема
в ней вписаны категории для левой и правой колонке, левую колонку можно легко отредактировать в сайдбаре, а вот где правую – не могу найти. Пожалуйста помогите, как удалить, переименовать справа Categories и Blogroll.
Демка http://test.qualitywordpress.com/?preview_theme=jewel
Скачать тему можно тут http://test.qualitywordpress.com/wp-content/themes/jewel/images/download.zip

Ситуация:

А надо бы чтобы размеры шрифта были одинаковые и в самом посте и в таблице и в списках.

DIV-структура иллюстрации:
<body><div#wrap><div#content><div#category_column><div#center_news><div.news_block><table><tbody><tr><td><p> (вместо p может быть ul-li структура)

Css-стили относящиеся к размеру шрифта:

#center_news p {
  font-size: 70%;
}
.news_block ul {
   font-size: 70%;
    list-style: square;
}

.news_block ol {
   font-size: 70%;
}

.news_block table {
    font-size: 70%;
}

Опять же, если пойти другим путём, отрубить все размеры кроме как #center_news p и создать класс, присвоить его таблице, то всё равно размеры шрифта P, OL, UL-элементов, в таблице будут уменьшены. А если не написать класс, то размер шрифта в таблице вне параграфа, будет какойто дефолтный.

Надеюсь ктонить поймёт мою ситуацию..

Остался предельно довольным после того как познакомился "поближе" с отличной, но молодой утилитой IETester. Итак, это утилита для тестирования верстки в IE разных версий. Для каждой версии отводится просто своя закладка. Здорово одним словом. Прощай WMWare, который держал ради ie6, прощай глючный эмуль ie7 в ie8.. По этому случаю написал небольшой отзыв у себя на сайте.

Ссылки для загрузки (размер: 23.8 Мб):
с my-debugbar.com – http://www.my-debugbar.com/ietester/install-ietester-v0.2.2.exe
с infine.ru – http://www.infine.ru/download/12/

Итак, код меню

<ul>
<li>СТУЛЬЯ</li>
...
<li>ПРАЙС-ЛИСТ</li>
</ul>

Код CSS

#catlist ul {
    list-style: none;
    list-style-position: inside;
    letter-spacing:0.05em;
    margin:0;
    padding:0;
}
#catlist li {
    margin:0;
    padding:10px 0 10px 0px;
    border-bottom: 1px solid white;
    background-image: url("img/menuitem.gif");
    background-repeat:no-repeat;
    background-position: 20px 50%;
}

А если сравнить браузеры, то получаем:

Собственно субж..

Нарисовал и встрял. Проблема в нижних выносных элементах пунктов меню (Материалы, Заказ).

Вот первый призадумался над ситуацией: надо начинать по готовому отрисованному дизайну формировать web-страницу.
Задумался, а с чего начать то?
С простого форматирования а-ля: body, h1, h2, h3, p, a и так далее; или же с визуальной разметки – раскидыванием div блоков по странице, а потом уже непосредственно контент.

А в CSS по какому принципу вы группируете блоки стилей?

Вообще, кто как?

Здравствуйте! Работаю с шаблонами джумлы уже около года, и вот решил научиться создавать шаблоны для wp. Нашел множество статей, начал читать, и сразу же возник вопрос, на который нигде не могу найти ответа. Зачем шаблон разделяется на разные части и сохраняем по кускам. В чем здесь выигрыш? Почему header footer sidebar и index нельзя просто объединить в один файл?

С Уважением, Андрей