Question

Здравствуйте! У меня такая проблема! Я хочу увеличить надписи ("Категории программ","Мы Вконтакте","Статистика" и др. с 3 размера до 4. Но когда надписи имеют 3 размер, то они ("Категории программ","Мы Вконтакте","Статистика" и др.) распологаются по центру, а когда я начинаю увеличивать шрифт с 3 на 4, то надписи встают НЕ ПО ЦЕНТРУ! Помогите мне пожалуйста сделать так, чтобы надписи были 4 размера и располагались по центру!

Answer 1

Для начала, добавьте в таблицу стилей CSS в самый низ класс :

.bloks {
font-size: 12px;
text-align: left;
margin-left: 10px;
color: #1a3f0e;
}

После в первом и втором контейнере, названия блоков меняем с:

<font color="#1a3f0e">Название блока</font>

На:

<div class="bloks">Название блока</div>

Далее перед каждым блоком находим таблицу:

<td height="32" style="padding-left: 30px; padding-top: 5px; background: url(http://websoftik.my1.ru/img/block_top.png);"><b><!-- <bt> --><u><font color="#1a3f0e">Мы Вконтакте</font></u><!-- </bt> --></b></td>

padding-left: 30px; - удалить

После и размер шрифта всех блоков и центрирование(позицию, названия блока и цвет) регулируем с помощью стилей, что мы добавили в CSS:

font-size: 12px; - размер
text-align: left; - позиционирование текста
margin-left: 10px; - отступ от левого края
color: #1a3f0e; - цвет текста

Comments

Спасибо!!! Только надписи все как хотят так и размещаются (например "Друзья сайта" и"Наш опрос" ровно по левому краю выравниваются, а например "Самые популярные" по центру) Мне нужно чтобы все по центру выравнивались! Помогите пожалуйста

---

Помогите пожалуйста!!

---

видимо вы не дочитали до конца, что я писал выше, так же в таблице в каждом блоке удалить - padding-left: 30px; и после все будет корректно

---

видимо под "таблицей" вы подразумевали удалить padding-left: 30px; в первом и во втором контейнере. Я удалил padding-left: 30px; в 1 и во 2 контейнере, а в ксс я не нашел padding-left: 30px;.  У меня потом стало выравнивание по левому краю, но мне нужно было выравнивание было по центру (я писал об этом выше) и я в визуальном Html редакторе исправил, сделал чтобы выравнивание было по центру. Но выравнивание все равно не по центру, а смещено немного вправо! Но я же перфекционист, и поэтому мне нужно чтобы выравнивание было строго по центру! Помогите исправить пожалуйста

---

- Редактировать нужно не через визуальный редактор, удалил - padding-left: 30px; отлично
- У меня потом стало выравнивание по левому краю, в стилях отредактировать  параметр - text-align: left; (left  сменить на center).
- Так же имейте ввиду, вам наводку дали как действовать, далее немного начинаем изучать CSS так как вам переделывать весь сайт никто не будет. Удачи!

---

.catsTableI {border-spacing:2px;}
.bloks {
font-size: 12px;
text-align: center;
margin-left: 8px;
color: #1a3f0e;
}

я изменил на center, а выходит все равно сдвинуто вправо!!!

---

Пожалуйста помогите