Таблицы

takes

Захожу иногда
84
0 / 0

Таблицы

« : 18.09.2010, 16:05:39 »

В графическом редакторе таблица отображается правильно, но на сайте это просто пустое место, точнее таблица невидимая , вот ссылка http://svarkavita.com/index.php?page=shop.product_details&flypage=flypage.tpl&product_id=66&category_id=35&option=com_virtuemart&Itemid=71

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #1 : 18.09.2010, 16:18:08 »

таблица выводится без бордера, потому что он не задан.
пропишите в CSS вашего шаблона

Код: css

.ja-content-main table,
.ja-content-main td{
    border-collapse: collapse;
    border: 1px solid #aaa;
}

Так же обращаю внимание что у вас подключаются целых два (!!) js-фреймворка - mootools и зачемто Jquery. это очень плёха

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #2 : 18.09.2010, 16:20:52 »

сейчас попробую

Записан

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #3 : 18.09.2010, 16:24:22 »

попробывал, теперь вот что http://svarkavita.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage.tpl&product_id=66#ja-content , чёрти что

Записан

danik.html

Живу я здесь
2650
353 / 4

у вас косяк в шаблоне вирта - там все в таблицах, даже не табличные данные. поэтому нужно в редакторе прописать <table class="data" cellspacing="0">...</table>

а в CSS так:
table.data,
table.data td{
border-collapse: collapse;
border: 1px solid #aaa;
}
Кстати у вас пол таблицы вылазиит за пределы экрана (firefox 3.6)
Аккордион неудобный - пытаешся навести на какуюнить категорию - а он раскрывает все встречные - замучеешся.
попробуйте этот аккордион - http://joomlaforum.ru/index.php/topic,109669.new.html

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #5 : 18.09.2010, 16:34:55 »

сделал всё как ты сказал , дело в том что всё довольно странно, в граф. редакторе форматирование нормальное , а тут его нету, вот код таблицы

Код

 	 
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<table bgcolor="#cccccc" border="1" cellpadding="1" cellspacing="0" class="data" style="height: 20px; width: 400px" width="100%">
	<tbody>
		<tr align="middle" valign="center">
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Model</span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Input Voltage<br />
				(V) </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Non-load Voltage<br />
				(V) </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Current Arrange<br />
				(A) </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Rated Duty cycle<br />
				(%)</span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Input Capacity<br />
				(kw) </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Class of Insulation </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLEф2">Applied Welding Rod<br />
				(mm) </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Fuse<br />
				(A)</span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Case Production Degree </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Frequency<br />
				(Hz)</span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Arc-starting COSf </span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Efficiency<br />
				(%)</span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">Weinght<br />
				(kg)</span></td>
			<td bgcolor="#f3f3f3">
				<span class="STYLE8 STYLE2">External Dimension<br />
				(cm) </span></td>
		</tr>
		<tr align="middle" valign="center">
			<td bgcolor="#ffffff">
				MMA-160</td>
			<td bgcolor="#ffffff">
				230</td>
			<td bgcolor="#ffffff">
				78</td>
			<td bgcolor="#ffffff">
				20-160</td>
			<td bgcolor="#ffffff">
				60%@160A<br />
				100%@124A</td>
			<td bgcolor="#ffffff">
				5.3</td>
			<td bgcolor="#ffffff">
				H</td>
			<td bgcolor="#ffffff">
				2.0-4.0</td>
			<td bgcolor="#ffffff">
				20</td>
			<td bgcolor="#ffffff">
				IP21</td>
			<td bgcolor="#ffffff">
				50/60</td>
			<td bgcolor="#ffffff">
				0.9</td>
			<td bgcolor="#ffffff">
				80%</td>
			<td bgcolor="#ffffff">
				13</td>
			<td bgcolor="#ffffff">
				46.5*25.5*38.5</td>
		</tr>
	</tbody>
</table>

и вот ещё что, на этом сайте http://cn.chinajiali.cn/product_detail.asp?id=49&url=%3Ca+class%3D%22tip%22+href%3D%22%3Ftype%3D3%22%3EWelding+Machines%3C%2Fa%3E%2D%3E%3Ca+class%3D%22tip%22+href%3D%22%3Ftype%3D21%22%3EMMA+Inverter+Welding%3C%2Fa%3E&title=MMA%2D160%28new%29+MMA+Inverter+Welding таблица нормальная и влезает, хотя сайт на жумла и скорее всего с виртуалмартом, а у меня почему то описание товара справа от изображения.

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #6 : 18.09.2010, 16:56:50 »

Цитата: takes от 18.09.2010, 16:34:55

сделал всё как ты сказал , дело в том что всё довольно странно, в граф. редакторе форматирование нормальное , а тут его нету

Ты делаешь потомучто неправильно.
Я же уже сказал

Цитировать

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

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

Как я понял тебе нужно так:

пишем
html:
<table class="data" style="высота ширина">
<tr>
<th>заголовок таблицы 1</th>
<th>заголовок таблицы 2</th>
<th>заголовок таблицы 3</th>
</tr>
<tr>
  <td>значение таблицы 1</td>
  <td>значение таблицы 2</td>
  <td>значение таблицы 3</td>
</tr>
</table>

css:
table.data{
   border-collapse: collapse;
   border: 1px solid #E6E6E6;
}
table.data th{
   background: #f3f3f3;
   border: 1px solid #E6E6E6;
}
table.data td{
   border: 1px solid #E6E6E6;
}

если ну очень прям заботимся о ие7 всадниках, то дописываем еще cellspacing="0" в атрибут таблицы. но это тупо для ие7, и без этого тож все красиво.

исправлено: извиняюсь, в последнем правиле вместо table.data tr над table.data td

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #7 : 18.09.2010, 16:58:06 »

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

Записан

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #8 : 18.09.2010, 17:03:14 »

ок, сейчас переделаю всю таблицу
а ты пожалуйста ответь на второй вопрос

Записан

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #9 : 18.09.2010, 17:06:53 »

да, вот ещё что очень важно почему всё отображается с права от картинки, нужно чтобы по ширине странице иначе нечего не влезет

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #10 : 18.09.2010, 17:12:51 »

потомучта у вас вся карточка товара - сплошная таблица, и ваша таблица засунута в ячейку этой таблицы. а эта ячейка справа от картинки. вот и все. ставьте FireBug чтобы все своими глазами увидеть.

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #11 : 18.09.2010, 17:14:32 »

господи, если переверстать все сайты мира, свободного дискового пространства в мире станет раз в 10 больше )))

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #12 : 18.09.2010, 17:15:12 »

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

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #13 : 18.09.2010, 17:18:45 »

все что могу подсказать - в ячейке с классом vm-product-img поменяй rowspan=4 на 3

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #14 : 18.09.2010, 17:20:00 »

это в templess.css шаблона?

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #15 : 18.09.2010, 17:23:50 »

это хардкод. гдето в шаблоне VirtueMart. components/com_virtuemart/themes/хз/хз/... . где ты видел в CSS знак равенства ))

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #16 : 18.09.2010, 17:24:32 »

а не . ошибаюсь.. input[type="text"] например...

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #17 : 18.09.2010, 17:45:28 »

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

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #18 : 18.09.2010, 17:47:52 »

Цитата: takes от 18.09.2010, 17:45:28

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

Цитата: danik.html от 18.09.2010, 17:18:45

все что могу подсказать - в ячейке с классом vm-product-img поменяй rowspan=4 на 3

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #19 : 18.09.2010, 18:26:30 »

спасибо, но я кажеться нашёл выход, зацени http://svarkavita.com/index.php?option=com_virtuemart&page=shop.product_details&flypage=flypage.tpl&product_id=66
таблицу вертикально сделать)
но вот проблема, как сделать левый столбец серым, а правый белым, как не пыталься не смог, помоги

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #20 : 18.09.2010, 18:40:51 »

так ведь точно так же. пишешь <tr><th>heading</th><td>data</td></tr>

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

takes

Захожу иногда
84
0 / 0

Re: Таблицы

« Ответ #21 : 18.09.2010, 18:51:00 »

вот Html:

Код

<table class="data" cellspacing="0" style="height: 20px; width="100%" border="1">
  <tr>
    <td>Модель</td>
    <td>MMA-160</td>
  </tr>
  <tr>
    <td>Номинальная мощность, А</td>
    <td>160</td>
  </tr>
  <tr>
    <td>Потребляемая мощность, В</td>
    <td>220</td>
  </tr>
  <tr>
    <td>Исходящий ток, А</td>
    <td>20-160</td>
  </tr>
  <tr>
    <td>Коэффициент полезной нагрузки, %</td>
    <td><p>60%@160A</p>
    <p>100%@124A</p></td>
  </tr>
  <tr>
    <td>Номинальная мощность, кВт</td>
    <td>5,3</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

css:

Код

table.data{
    border-collapse: collapse;
    border: 1px solid #E6E6E6;
}
table.data th{
	border: 1px solid #E6E6E6;
}
table.data td{
	border: 1px solid #000;
	background-color: #E6E6E6;
}

подкоректируй, вроде я сделал всё что можно, помоги

Записан

danik.html

Живу я здесь
2650
353 / 4

Re: Таблицы

« Ответ #22 : 18.09.2010, 21:55:11 »

<tr>
<th>Модель</th>
<td>MMA-160</td>
</tr>
и тд.
border=1 тут ни к чему.

Записан

【Мегапак Virtuemart】:
• метатеги (description,keywords)
• заголовки (title)
• красивые алиасы (чпу) без тормозов и дублей!

Отображение товаров в виде таблицы Автор Doppelganger	Ответов: 183 Просмотров: 67681	15.04.2014, 23:27:29 от 4ifir
Как убрать границы у таблицы? Автор mernata	Ответов: 2 Просмотров: 2816	31.03.2014, 09:04:30 от mernata
Prosuct Snapshot: Вынос названия продукта наверх, за пределы таблицы Автор Singaporian	Ответов: 3 Просмотров: 1558	12.10.2012, 18:56:51 от ELLE
[Решено] Отображение товаров в виде таблицы Автор wmag	Ответов: 69 Просмотров: 43483	07.06.2012, 01:18:28 от d3n4ik
Как убрать шапку от пустой таблицы в VM 1.1.7 где нет товаров? Автор vio-ss	Ответов: 1 Просмотров: 1368	26.03.2012, 22:40:56 от vio-ss

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

Похожие темы