Каскадный режим | Линейный режим

***Admin*** · 30.09.2014 20:38:33

Стиль Вы немного неправильно добавили... Внутри CSS файла не должно быть тегов <style type="text/css"> </style> вообще...

Ссылки лучше вручную поменять (чтобы не было ссылок с .www и без). В конце ссылок не забудьте добавлять знак "/", т.к. при переходе по ссылке "uslugi", Вас все равно перенаправляет на "uslugi/".

Фон - то же самое что и в начале данного сообщения.
К тому же глянул, у Вас в CSS уже есть стиль .content_header, так что внутрь фигурных скобок добавьте следующее:

Код:

box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -25px 0 25px -25px rgba(0, 0, 0, .9), 25px 0 25px -25px rgba(0, 0, 0, .9), 0 0 20px rgba(0, 0, 0, .1) inset;

P.S. Исходя из структуры последующих таблиц, CSS немного подредактировал:

Код:

    .price { width: 700px; margin: 0 auto; border-collapse: collapse; border: 2px solid #000000; }

    .price>tbody>tr { text-align: center; font-weight: bold; line-height: 3; }

    .price>tbody>tr>td { border: 1px solid #000000; }

    .price>tbody>.up_row,.price>tbody>tr>.left_col { background-color:#FC0702; color: #FFFFFF; }

    .price>tbody>tr>.footer { font-style: italic; background-color: #E4F9FE; }

Таблица чуть-чуть тоже изменилась:

Код:

<table class="price">

<tbody>

<tr class="up_row">

<td>Количество</td>

<td>1000 шт</td>

<td>2000 шт</td>

<td>3000 шт</td>

<td>4000 шт</td>

<td>5000 шт</td>

<td>10000 шт</td>

<td>15000 шт</td>

<td>20000 шт</td>

</tr>

<tr>

<td class="left_col">Цена за шт.</td>

<td>1,8 р.</td>

<td>1,5 р.</td>

<td>1,2 р.</td>

<td>1 р.</td>

<td>0,9 р.</td>

<td>0,75 р.</td>

<td>0,55 р.</td>

<td>0,45 р.</td>

</tr>

<tr>

<td class="left_col">За тираж</td>

<td>1800 р.</td>

<td>3000 р.</td>

<td>3600 р.</td>

<td>4000 р.</td>

<td>4500 р.</td>

<td>7500 р.</td>

<td>8250 р.</td>

<td>9500 р.</td>

</tr>

<tr>

<td colspan="9" class="footer">Разработка макета визитки - от 300 р.</td>

</tr>

</tbody>

</table>

artara-nn · 30.09.2014 20:59:25

Фон добавил, что-то не то вышло...

С таблицами все получилось.

***Admin*** · 30.09.2014 21:11:26

А вроде очень даже ничего такое выделение блока контента... Хотя дело Ваше. Это же не фон, а так, примочка. Smile

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

Из CSS удалите еще остатки от спойлера, они больше не нужны:

Код:

<style type="text/css">

ul#menu, ul#menu ul {

  list-style-type:none;

  margin: 0px;

  padding: 0px;

  width: 250px;

}

ul#menu a,ul#menu span { display: block; text-decoration: none; }

ul#menu li { margin-top: 1px; }

ul#menu li a,ul#menu li span {

  background: #333333;

  color: #FFFFFF;

  padding: 7px;

}

ul#menu li a:hover,ul#menu li span:hover { background: #000000; }

ul#menu li ul li a {

  background: #CCCCCC;

  color: #000000;

  padding-left: 20px;

}

ul#menu li ul li a:hover {

  background: #AAAAAA;

  border-left: 5px #000000 solid;

  padding-left: 15px;

}

artara-nn · 30.09.2014 21:16:40

(30.09.2014 21:11:26)Admin писал(а): А вроде очень даже ничего такое выделение блока контента... Хотя дело Ваше. Это же не фон, а так, примочка.

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

Благодарствую! Внезапно, а я сижу и сам их сейчас переделываю.

(30.09.2014 21:11:26)Admin писал(а): А вроде очень даже ничего такое выделение блока контента... Хотя дело Ваше. Это же не фон, а так, примочка.

Я имел ввиду, что примочка хорошая, только маленько не по размеру, как мне ее расширить малясь?

***Admin*** · 30.09.2014 21:31:23

Например, так:

Код:

box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -25px 0 150px -25px rgba(0, 0, 0, .8), 25px 0 150px -25px rgba(0, 0, 0, .8), 0 0 20px rgba(0, 0, 0, .1) inset;

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

Пользователи и поисковые системы любят быстрые сайты, а значит изображения надо сжимать и код сокращать!

artara-nn · 30.09.2014 21:42:41

Код:

box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -25px 0 150px -25px rgba(0, 0, 0, .8), 25px 0 150px -25px rgba(0, 0, 0, .8), 0 0 20px rgba(0, 0, 0, .1) inset;

Я имел ввиду маленько другое - границу выделения расширить. Уже сам нашел и поправил.

***Admin*** · 30.09.2014 21:46:28

Еще, чтобы текст не "прилипал" к границе блока, добавьте в .content_header стиль padding:0 30px;, а ширину уменьшите на 60 пикселей.

artara-nn · 30.09.2014 21:51:33

(30.09.2014 21:46:28)Admin писал(а): Еще, чтобы текст не "прилипал" к границе блока, добавьте в .content_header стиль padding:0 30px;, а ширину уменьшите на 60 пикселей.

Готово. А что с текстом на главной можно сделать? Если его запрятать под спойлер, он будет индексироваться? Или может как то по-человечески его вписать в страницу, а то совсем он там как лишний.

***Admin*** · 30.09.2014 21:56:53

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

Предлагаю его оформить...

Разбейте текст на абзацы и поместите их в теги <p class="text"></p>
В CSS добавьте класс: p.text { text-indent: 30px; margin: 0; text-align: justify; }

На сегодня пока хватит...
Еще для всех изображений (<img...>), размер которых заранее известен и не меняется (логотип там и т.д.) укажите принудительно размеры width и height. Так же пропишите атрибут alt во всех изображениях. Если писать в нем нечего, то просто alt="", т.к. его отсутствие является ошибкой (хоть и не серьезной).

Ну и посмотрите по сообщениям, что еще не сделали - вынос JavaScript во внешний файл, удалить лишние участки CSS и т.д.

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

***Admin*** · 01.10.2014 16:46:05

Теперь давайте исправим еще несколько мелочей.

У Вас вверху на страничках (перед меню) присутствуют теги:

Код:

<span style="visibility:hidden;position:absolute;">

</span>

Они абсолютно не нужны, удалите их.

На главной страничке, внизу Вы ошиблись в одном теге - написали <p/> вместо </p>.

Чтобы текст не касался нижней границы блока контента, замените в CSS стиле у .content_header

Код:

padding:0 30px;

на

Код:

padding: 0 30px 30px 30px;

А у p.text

Код:

margin: 0;

на

Код:

margin: 0 0 10px 0;

Таблицу с акциями:

Код:

<table border="0" cellspacing="0" cellpadding="0" align="center">

<tbody>

<tr>

<td style="padding-top: 5px;" valign="top" width="254" height="140"  ><img src="/artara-img/1.jpg" alt="Акция" align="middle" /></a></td>

<td style="padding-top: 5px;" valign="top" width="254" height="140"  ><img src="/artara-img/2.jpg" alt="Акция" align="middle" /></a></td>

<td style="padding-top: 5px;" valign="top" width="254" height="140"  ><img src="/artara-img/3.jpg" alt="Акция" align="middle" /></a></td>

<td style="padding-top: 5px;" valign="top" width="254" height="140"  ><img src="/artara-img/4.jpg" alt="Акция" align="middle" /></a></td>

<table border="0" cellspacing="0" cellpadding="0"   >

</table>

Замените на более компактный код на основе DIV:

Код:

<div class="action">

<img src="/artara-img/1.jpg" alt="Акция" /><img src="/artara-img/2.jpg" alt="Акция" /><img src="/artara-img/3.jpg" alt="Акция" /><img src="/artara-img/4.jpg" alt="Акция" />

</div>

Не забудьте добавить стиль для данной таблицы в CSS:

Код:

    div.action { width: 1000px; margin: 20px -10px; }

Чуть позже покажу как правильнее сделать заголовки на страничке прайсов.

Каскадный режим \| Линейный режим Помощь по сайту для artara-nn
Автор	Сообщение