Работа С Блоком

Необходимо сделать активным блок - ЗАКАЗЫ НА ОПТ.

В моих рисунках поочередно изображено, что необходимо сделать

1) при наведении на блок, клиенту выводится табличка в которой будет текстовое сообщение
2) при клике на сам блок, клиент попадает на отдельную страничку, которая будет разбита на равные прямоугольники с наименованием продукции (см. рисунок 3).

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

Нет название блоков я написал "с потолка".

Там будут позиции товаров с информацией об оптовых условиях по приобретению!

Товары в штучном вариантне уже представлены на сайте, но каждый блок на странице будет с определенными условиями.

То есть при клике на один из прямоугольных блоков открывается отдельная страничка с описанием товара и условиями поставки.

По сути это стандартное всплывающее окно при наведении на ссылку. Тут необходимо переделать сам всплывающий текст путем условий. Пришлите пожалуйста код данного меню. А страницу с блоками вы можете создать в разделе Сайт - Страницы и через визуальный редактор таблицами вставлять блоки.

Вы звонили по поводу отображения границ таблицы, Вам поможет вот эта тема.

Нет, не получается. Можете набрать + 79651305959 ?

Dr.Nemo (04 Июль 2013 - 15:38) писал:

Не нашла у Вас в файле main.css кода из сообщения - http://forum.storela...ицы/#entry70478
Добавьте пожалуйста, сохраните, очистите кэш.

      
file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif    file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif   file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif       file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif    file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif   file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif        file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif    file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif   file:///C:/Users/MOSMAI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif

Сделал страницу в которой изображены таблички (см. картинку).



1) Планируется каждая табличка будет называться, то есть над табличкой будет название,  начало слева, как можно ее подписать?

2) Вопрос по вставкам рисунком в табличке понятен, для этого нужно згузить изображение и вставить ссылку, +написать текст в табличке. Но всего текста видно не будет, то есть нужно будет сделать отдельную страничку для каждого блока. Как можно привязать этот прямоугольник с рисунком и текстом к полной широкоформатной версии , чтобы при клике на прямоуголник переходили на отдельную страничку?


Спасибо

Создайте странички всех компаний, которые будут в этой таблице. Теперь откройте Список компаний для редактирования и через источник.там у Вас будет код

<table border="1" cellpadding="10" cellspacing="10" style="width: 500px;">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

В нем чтобы сделать в каждой ячейке картинку необходимо каждую ячейку -  <td>&nbsp;</td> заменить на

<td><a href="ссылка на конкретную компанию1"><img src="изображение1" alt="Название компании1" /></a></td>

и так для каждой ячейки. Для каждой компании своя картинка( можно, конечно же повторяющиеся) своя ссылка на компанию, свое название компании.

А после строки

<table border="1" cellpadding="10" cellspacing="10" style="width: 500px;">

вставьте блок

<caption>Название таблицы</caption>

Как и договаривались высылаю картинку для вашей пометке куда можно вставить текст блока

Что бы добавить текст в таблицу вам необходимо в ячейке таблицы

<td><a href="ссылка на конкретную компанию1"><img src="изображение1" alt="Название компании1" /></a></td>

вставить ваш текст например в теге <p>тут ваш текст </p> таким образом

<td><a href="ссылка на конкретную компанию1"><img src="изображение1" alt="Название компании1" /></a><p>тут ваш текст </p></td>

если вы хотите что бы текст так же был кликабельным то необходимо вставить его внутри ссылки

вот так

<td><a href="ссылка на конкретную компанию1"><img src="изображение1" alt="Название компании1" /><p>тут ваш текст </p></a></td>

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

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

вставьте сюда код вашей страницы что бы можно было его отредактировать задав фиксированную ширину столбцов

<style type="text/css">td {
vertical-align: top;
}
</style>
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;">
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<tbody>
<tr>
<td style="background-color: rgb(204, 204, 204);"><img src="http://files.storela...f619/381/GLOBIN OLEG.jpg" style="cursor: default; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); font-family: Calibri, sans-serif; font-size: 15px; line-height: 17px; width: 112px; height: 154px;" v:shapes="rectole0000000000" /></td>
<td style="background-color: rgb(204, 204, 204);">
<p><strong><em>ПРЕДЛОЖЕНИЯ MALYSHLAND О ПОКУПКЕ НЕДВИЖИМОСТИ.</em></strong></p>

<p>подробнее</p>
</td>
</tr>
<tr>
<td colspan="2" style="background-color: rgb(204, 204, 204);">
<div id="faq1" style="display: none;">
<p>Аноним Анонимов</p>

<p>Здесь у Вас будет написан отзыв подробнее. Текст сам может быть любой длины</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>

<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><br />
<img src="http://files.storela...f619/381/GLOBIN OLEG.jpg" style="font-family: Calibri, sans-serif; font-size: 15px; line-height: 17px; width: 112px; height: 154px;" v:shapes="rectole0000000000" /><br />
Генеральный&nbsp;директор компании &#39;<strong>Malyshland&#39;</strong>, Олег Глобин на встрече с генеральным директором&nbsp;<a href="http://unedvizh.ru">...4;Универсальный Сервис&quot;</a>, Алексеем Лухтовым договорились о сотрудничестве в области совместного<br />
продвижения интересов компаний на рынке и рекламном пространстве.<br />
<br />
<strong style="line-height: 1.4em;"><em><u>ПОЧЕМУ НЕДВИЖИМОСТЬ В БОЛГАРИИ?</u></em></strong><br />
-Недвижимость в Болгарии является прекрасным объектом для жизни и для инвестиций<br />
-Цены на недвижимость Болгарии в несколько раз ниже на аналогичные объекты недвижимости в других странах Европейского союза.<br />
-Болгария &ndash; перспективная, активно развивающаяся страна, вступившая в Евросоюз в 2007 году и поддерживающая благоприятный инвестиционный климат.&nbsp;<br />
- Гостеприимство и радушие болгар позволит вам чувствовать себя здесь как дома, практически не ощущая &laquo;языкового барьера&raquo;!<br />
<br />
<strong><em><u>В ЧЕМ СОСТОИТ УНИКАЛЬНОСТЬ ПРЕДЛОЖЕНИЙ ?</u></em></strong><br />
<br />
- Все предложения, которые представлены на российском рынке, на наш субъективный взгляд, не полностью соответствуют ожиданиям клиента. Со своей стороны мы предлагаем клиенту весь комплекс&nbsp; услуг в оптимальном соотношении ЦЕНА/ КАЧЕСТВО/ НАДЕЖНОСТЬ/ БЕЗОПАСТНОСТЬ/ МЕСТОПОЛОЖЕНИЕ/ УСЛОВИЯ ОПЛАТЫ / СЕРВИС.<br />
- Болгарский рынок недвижимости, сейчас является открытым для большинства людей, готовых вкладывать в это перспективное направление, но многих останавливает неизвестность и непонимание многих вопросов, связанных с покупкой и переездом. Мы помогаем клиентам в решении таких вопросов.<br />
<u>Наши принципы работы:</u>

<ul>
<li>Мы сопровождаем наших клиентов от первого визита к нам, выбора объекта (просмотровый тур), до полной покупки и прохождения всех регистрационных мероприятий в Болгарии.</li>
<li>Ваша удачная покупка &ndash; это самая надежная и эффективная реклама для НАС.</li>
<li>Мы всегда рядом!</li>
</ul>
&nbsp;<br />
<strong>Будем рады видеть Вас в качестве своих клиентов!</strong><br />
&nbsp;<br />
С уважением,<br />
<br />
<a href="http://www.unedvizh..../strong></a><br />
<br />
&nbsp;</div>

Dr.Nemo (05 Июль 2013 - 10:09) писал:

Вам нужны три блоки с одинаковой шириной? Есть пример страниц, где можно посмотреть как отображаются сейчас?

Да, одинаковой шириной. Примера нет еще!

Пример того, что нужно!

Dr.Nemo (08 Июль 2013 - 09:53) писал:

Попробуйте реализовать эти блоки в теме выше Вам объясняли как. Ширину можно сделать фиксированную так:
код взят из сообщения модератора - http://forum.storela...ком/#entry77143
Код:

<table border="1" cellpadding="10" cellspacing="10" style="width: 500px;">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

заменить на:

<table border="1" cellpadding="10" cellspacing="10" style="width: 500px;">
<tbody>
<tr>
<td width="30%">&nbsp;</td>
<td width="30%">&nbsp;</td>
<td width="30%">&nbsp;</td>
</tr>
<tr>
<td width="30%">&nbsp;</td>
<td width="30%">&nbsp;</td>
<td width="30%">&nbsp;</td>
</tr>
<tr>
<td width="30%">&nbsp;</td>
<td width="30%">&nbsp;</td>
<td width="30%">&nbsp;</td>
</tr>
</tbody>
</table>

http://malyshland.ru...ПАНИЙ-С-АКЦИЯМИ

<table border="1" cellpadding="10" cellspacing="10" style="width: 500px;">
<caption>АКЦИЯ ОТ УНИКАЛЬНОГО СЕРВИСА</caption>
<tbody>
  <tr>
   <td><a href="http://malyshland.ru/admin/site_page_edit/403237"><img alt="Уникальный Сервис" src="http://design.malyshland.ru/unedvizh.jpg?1348" /></a> ПРЕДЛОЖЕНИЯ MALYSHLAND О ПОКУПКЕ НЕДВИЖИМОСТИ. подробнее Генеральный директор компании &#39;Malyshland&#39;, Олег Глобин на встрече с генеральным директором &quot;Универсальный Сервис&quot;, Алексеем Лухтовым договорились о сотрудничестве в области совместного продвижения интересов компаний на рынке и рекламном пространстве. ПОЧЕМУ НЕДВИЖИМОСТЬ В БОЛГАРИИ? -Недвижимость в Болгарии является прекрасным объектом для жизни и для инвестиций -Цены на недвижимость Болгарии в несколько раз ниже на аналогичные объекты недвижимости в других странах Европейского союза. -Болгария &ndash; перспективная, активно развивающаяся страна, вступившая в Евросоюз в 2007 году и поддерживающая благоприятный инвестиционный климат. - Гостеприимство и радушие болгар позволит вам чувствовать себя здесь как дома, практически не ощущая &laquo;языкового барьера&raquo;! В ЧЕМ СОСТОИТ УНИКАЛЬНОСТЬ ПРЕДЛОЖЕНИЙ ? - Все предложения, которые представлены на российском рынке, на наш субъективный взгляд, не полностью соответствуют ожиданиям клиента. Со своей стороны мы предлагаем клиенту весь комплекс услуг в оптимальном соотношении ЦЕНА/ КАЧЕСТВО/ НАДЕЖНОСТЬ/ БЕЗОПАСТНОСТЬ/ МЕСТОПОЛОЖЕНИЕ/ УСЛОВИЯ ОПЛАТЫ / СЕРВИС. - Болгарский рынок недвижимости, сейчас является открытым для большинства людей, готовых вкладывать в это перспективное направление, но многих останавливает неизвестность и непонимание многих вопросов, связанных с покупкой и переездом. Мы помогаем клиентам в решении таких вопросов. Наши принципы работы: Мы сопровождаем наших клиентов от первого визита к нам, выбора объекта (просмотровый тур), до полной покупки и прохождения всех регистрационных мероприятий в Болгарии. Ваша удачная покупка &ndash; это самая надежная и эффективная реклама для НАС. Мы всегда рядом! Будем рады видеть Вас в качестве своих клиентов! С уважением, www.unedvizh.ru</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
  </tr>
</tbody>
</table>