ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сделать таблички(HTML)
14 сообщений из 14, страница 1 из 1
Помогите сделать таблички(HTML)
    #36381560
guest_112
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guest_112
Гость
Здравствуйте. Помогите пожалуйста исправить ситуацию с табличками вывода каталога.
Имеется следующее
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<table class='content'>

<tr>
<td class='newsitem image'><a href='product.php?id=55'><img class='border' src='/i_prod/55.jpg' width='100' height='110' border='1'></a></td>
<td class='newsitem'>
<h2 class='hdr2'><a href='product.php?id=55'>Plasma X-Trim / Термодженик  120  капс</a></h2>
<p>Производитель: <h class='hdr2'>Proline MSN</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='1' width='100%'><td width='25px'>Цена:   </td><td width='78px'background='/IMG/price-1.jpg'><h class='rub'> 800  руб.</h></td></table>   <img src='/IMG/price-2.jpg' width='24' height='24' border='0'><p> <a href='product.php?id=55'>Подробнее</a>
</td>
<td class='newsitem image'><a href='product.php?id=90'><img class='border' src='/i_prod/90.jpg' width='100' height='110' border='1'></a></td>

<td class='newsitem'>
<h2 class='hdr2'><a href='product.php?id=90'>Plasma ZIP X-Trim / Тироидный термодженик  90  капс</a></h2>
<p>Производитель: <h class='hdr2'>Proline MSN</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='1' width='100%'><td width='25px'>Цена:   </td><td width='78px'background='/IMG/price-1.jpg'><h class='rub'> 1130  руб.</h></td></table>   <img src='/IMG/price-2.jpg' width='24' height='24' border='0'><p> <a href='product.php?id=90'>Подробнее</a>
</td>
</tr><tr>
<td class='newsitem image'><a href='product.php?id=121'><img class='border' src='/i_prod/121.jpg' width='100' height='110' border='1'></a></td>
<td class='newsitem'>

<h2 class='hdr2'><a href='product.php?id=121'>Fat X Burner  90  капс</a></h2>
<p>Производитель: <h class='hdr2'>Extreme Whey</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='1' width='100%'><td width='25px'>Цена:   </td><td width='78px'background='/IMG/price-1.jpg'><h class='rub'> 1600  руб.</h></td></table>   <img src='/IMG/price-2.jpg' width='24' height='24' border='0'><p> <a href='product.php?id=121'>Подробнее</a>
</td>
<td class='newsitem image'><a href='product.php?id=266'><img class='border' src='/i_prod/266.jpg' width='100' height='110' border='1'></a></td>
<td class='newsitem'>
<h2 class='hdr2'><a href='product.php?id=266'>DREN  30  капс</a></h2>

<p>Производитель: <h class='hdr2'>MHP</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='1' width='100%'><td width='25px'>Цена:   </td><td width='78px'background='/IMG/price-1.jpg'><h class='rub'> 1480  руб.</h></td></table>   <img src='/IMG/price-2.jpg' width='24' height='24' border='0'><p> <a href='product.php?id=266'>Подробнее</a>
</td>
</tr><tr>
</tr>
</table>

Style.css
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
table.content {
	border-collapse: collapse;
	margin: 6px 8px 8px 12px;
}
td.image {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
img.border {
	border: 1px solid silver;
}
td.newsitem {
	background-image: url(/IMG/newsitem_bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid silver;
	padding: 10px;
	text-align: justify;
}
h2.hdr2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #c63c3c;
	margin-bottom: 7px;
}



Таблички с товаром выводятся некрасиво =(
Особенно цена =(
...
Рейтинг: 0 / 0
23.12.2009, 10:58
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36382248
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
guest_112Таблички с товаром выводятся некрасиво =(
Особенно цена =(
А красиво это как? Т.е. что хотел-то?

Я немного не понял... Вопросы есть по разметке... Напрмер из этого кусока

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<td class='newsitem'>
	<h2 class='hdr2'>
		<a href='product.php?id=55'>Plasma X-Trim / Термодженик  120  капс</a>
	</h2>
	<p>Производитель: <h class='hdr2'>Proline MSN</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p>
	<table border='1' width='100%'>
		<td width='25px'>Цена:   </td>
		<td width='78px' background='/IMG/price-1.jpg'>
			<h class='rub'> 800  руб.</h>
		</td>
	</table>   
	<img src='/IMG/price-2.jpg' width='24' height='24' border='0'>
	<p> <a href='product.php?id=55'>Подробнее</a>
</td>

1. Что делает тег?
Код: plaintext
<h class='hdr2'>Proline MSN</h>
у меня про него даже редактор не знает, не подсвечивает как тег...

2. Почему не закрыт не один абзац (<p>...</p>)?
...
Рейтинг: 0 / 0
23.12.2009, 14:36
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383839
guest_112
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guest_112
Гость
Ой совсем забыл дописать в css
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
h.rub {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
        vertical-align: middle;
	text-align: center;
}

h.hdr2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #c63c3c;
	margin-bottom: 7px;
}


Сейчас всё это добро смотрится не очень )))

Сейчас выглядит так:
http://savepic.org/119799.jpg

А хочется сделать так:
http://savepic.org/109559.jpg
...
Рейтинг: 0 / 0
24.12.2009, 10:34
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383879
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
guest_112А хочется сделать так
1. Засунь картинку с корзинкой в табличку, третьей ячейкой (за ценой)
2. сделай картинку-подложку для фона цены и сделай ее бекграундом к ячейке цены

А как с ответами на мои вопросы?
...
Рейтинг: 0 / 0
24.12.2009, 10:47
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383894
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
А это оочень не всегда сочетается

Код: plaintext
1.
2.
3.
4.
5.
<table border='1' width='100%'>
	<td width='25px'>Цена:   </td>
	<td width='78px' background='/IMG/price-1.jpg'>
		<h class='rub'> 800  руб.</h>
	</td>
</table>

В твоём случае вся ширина таблички явно больше чем 25px+78px. Причем вместе с рамками. Третья ячейка с корзинкой может поправить дело... ;)
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
24.12.2009, 10:51
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383901
guest_112
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guest_112
Гость
Да я пытался так сделать но результат на первой картинке ))) Всё получилось криво и косо )))
Ещё не понимаю почему табличка не растягивается на весь экран как на второй картинке (((

Ответы на твои вопросы:
1. Показывает красиво производителя =))) А почему не показывается в редакторе незнаю ((( Я делал в блокноте )))
2. Да я как то из принципа его не закрываю ))) Всё работает и так =)
...
Рейтинг: 0 / 0
24.12.2009, 10:53
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383918
guest_112
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guest_112
Гость
Делал так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table border='1' width='100%'>
	<td width='25px'>Цена:   </td>
	<td width='78px' background='/IMG/price-1.jpg'>
		<h class='rub'> 800  руб.</h>
	</td>
     <td width='100%'><a_href="http:"><img_src="/IMG/корзина.jpg"></a>   </td>
</table>


Результат тоже кривой (((
...
Рейтинг: 0 / 0
24.12.2009, 10:58
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383991
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
guest_112Делал так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table border='1' width='100%'>
	<td width='25px'>Цена:   </td>
	<td width='78px' background='/IMG/price-1.jpg'>
		<h class='rub'> 800  руб.</h>
	</td>
     <td width='100%'><a_href="http:"><img_src="/IMG/корзина.jpg"></a>   </td>
</table>

А если так?

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<table border='1' width='100%'>
   <td width='25px'>Цена:   </td>
   <td width='78px' background='/IMG/price-1.jpg'>
	<h class='rub'> 800  руб.</h>
   </td>
   <td><a_href="http:"><img_src="/IMG/корзина.jpg"></a></td>
</table>
...
Рейтинг: 0 / 0
24.12.2009, 11:23
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36383995
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
guest_1121. Показывает красиво производителя =))) А почему не показывается в редакторе незнаю ((( Я делал в блокноте )))
Что вообще означает этот тег (<h>)?
...
Рейтинг: 0 / 0
24.12.2009, 11:25
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36384041
Фотография Master4
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Master4
Участник
guest_112, у меня с воображением очень туго, без материала ну очень сложно.
и вообще, на кривоватой картинке там еще торчит граница какой-то там таблицы, вы пытаетесь скопировать с другого сайта? откуда у вас картинка с правильным отображением?

Код: plaintext
//<h class='hdr2'>
а <div> что вышел из моды? да какая разница, работает и это главное, да гость?

Еще табличка так накручена... и перекручена немножко, что-то изобретали? и так и сяк пробовали, и так и сяк и еще как нибудь, главное чтоб работало!

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
//с такого и начинайте а потом преукрашивайте
//понапишут всякого а потом сидят и голову ломают "А де моя ашипка?"
<table border="1">
<tr><td><img src='#' width='100' height='110' border='1'></td><td><pre>Plasma X-Trim / Термодженик  120  капс
Производитель: Proline MSN
Упаковка: <h class='hdr2'> 330  шт.
Цена:   800  руб.
</td></tr></table>
...
Рейтинг: 0 / 0
24.12.2009, 11:39
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36384248
guest_112
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
guest_112
Гость
Да торчащая лишняя граница очень мешает ((( Незнаю как её убрать ((( причём если кол-во товара чётное то этой границы нету!
Нормальную картинку я сделал в фотошопе!
Осталось несколько вопросов:
1. Как убрать границы лишней ячейки?
2. Фон для ценника и картинка корзины встали нормально! Но если вставлять проблелы перед картинкой корзины меняется высота таблички (((
3. Как мне сделать так, что бы таблички товаров растягивались на 50% от области где должны выводится ?

Последний вариант выглядит так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
<table class='content'>
<tr>
<td class='newsitem'>
<h2 class='hdr2'><a href='6'>Активное долголетие</a></h2>

</td>
</tr>
<table class='content'>
<table class='content'>

<tr>
<td class='newsitem image'><a href='product.php?id=57'><img class='border' src='/i_prod/57.jpg' width='100' height='110' border='1'></a></td>
<td class='newsitem'>
<h2 class='hdr2'><a href='product.php?id=57'>Fish Oil / Омега3  90  капс</a></h2>
<p>Производитель: <h class='hdr2'>Proline MSN</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='0' width='100%' height='24px'>
   <td width='26px'>Цена:   </td>
   <td width='78px' background='/IMG/price-1.jpg'>
	<h class='rub' align='center'> 680  руб.</h>

   </td>
   <td><img src='/IMG/price-2.jpg'></td>
</table> 
<p> <a href='product.php?id=57'>Подробнее >></a>
<td class='newsitem image'><a href='product.php?id=60'><img class='border' src='/i_prod/60.jpg' width='100' height='110' border='1'></a></td>
<td class='newsitem'>
<h2 class='hdr2'><a href='product.php?id=60'>Antioxidant Formula  60  табл</a></h2>
<p>Производитель: <h class='hdr2'>Proline MSN</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='0' width='100%' height='24px'>

   <td width='26px'>Цена:   </td>
   <td width='78px' background='/IMG/price-1.jpg'>
	<h class='rub' align='center'> 650  руб.</h>
   </td>
   <td><img src='/IMG/price-2.jpg'></td>
</table> 
<p> <a href='product.php?id=60'>Подробнее >></a>
</tr><tr>

<td class='newsitem image'><a href='product.php?id=117'><img class='border' src='/i_prod/117.jpg' width='100' height='110' border='1'></a></td>
<td class='newsitem'>
<h2 class='hdr2'><a href='product.php?id=117'>Omega  3   90  капс</a></h2>
<p>Производитель: <h class='hdr2'>Extreme Whey</h><p>Упаковка: <h class='hdr2'> 330  шт.</h><p><table border='0' width='100%' height='24px'>
   <td width='26px'>Цена:   </td>
   <td width='78px' background='/IMG/price-1.jpg'>
	<h class='rub' align='center'> 650  руб.</h>

   </td>
   <td><img src='/IMG/price-2.jpg'></td>
</table> 
<p> <a href='product.php?id=117'>Подробнее >></a>
</tr>
</table>

А как это выглядит визуально можно посмотреть тут: Тынц
...
Рейтинг: 0 / 0
24.12.2009, 12:35
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36384261
Фотография Master4
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Master4
Участник
guest_112, незнаю (((( может в процентах указать? (((((((
скажем так, общая таблица 100% ((((( а остальное тоже по 100% может уместится? (((((((
...
Рейтинг: 0 / 0
24.12.2009, 12:40
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36384625
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
guest_112Да торчащая лишняя граница очень мешает ((( Незнаю как её убрать (((
Как вариант вообще другая вёрстка...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
<html>
<head>
<title>Test</title>

<style type='text/css'>
#space {
	width: 700px;
	height: 300px;
	border: 1px solid;
}
.item {
	float: left;
	width: 300px;
	height: 150px;
	border: 1px solid;
}
.item_f {
	border-right:  0 ;
}
.item_up {
	border-bottom:  0 ;
}
.info {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10pt;
}
.scr {
	float: left;
	width: 100px;
	height:  100 %;
	border-right: 1px solid;
}
.tit {
	text-variant: bold;
}
.cont {
	height: 30px;
	margin-left: 100px;
}
.s_tit {
	float: left;
	width: 50px;
	height:  100 %;
	margin:  0 ;
}
.summ {
	float: left;
	width: 70px;
	height:  100 %;
	margin:  0 ;
}
.add {
	float: right;
	width: 30px;
	height:  100 %;
	border: 1px solid;
}
</style>
</head>

<body>
<div id='space'>
	<div class='item item_f item_up'>
		<div class='scr'>
		</div>
		<p class='tit'>Fish Oil / Омега3  90  капс</p>
		<p class='info'>Производитель: Proline MSN</p>
		<p class='info'>Упаковка:  330  шт.</p>
		<div class='cont'>
			<p class='s_tit'>Цена</p>
			<p class='summ'> 680  руб.</p>
			<div class='add'>
			</div>
		</div>
		<p class='info'>Подробнее >></p>
	</div>
	<div class='item item_up'>
		<div class='scr'>
		</div>
		<p class='tit'>Fish Oil / Омега3  90  капс</p>
		<p class='info'>Производитель: Proline MSN</p>
		<p class='info'>Упаковка:  330  шт.</p>
		<div class='cont'>
			<p class='s_tit'>Цена</p>
			<p class='summ'> 680  руб.</p>
			<div class='add'>
			</div>
		</div>
		<p class='info'>Подробнее >></p>
	</div>
	<div class='item item_f'>
		<div class='scr'>
		</div>
		<p class='tit'>Fish Oil / Омега3  90  капс</p>
		<p class='info'>Производитель: Proline MSN</p>
		<p class='info'>Упаковка:  330  шт.</p>
		<div class='cont'>
			<p class='s_tit'>Цена</p>
			<p class='summ'> 680  руб.</p>
			<div class='add'>
			</div>
		</div>
		<p class='info'>Подробнее >></p>
	</div>
	<div class='item'>
		<div class='scr'>
		</div>
		<p class='tit'>Fish Oil / Омега3  90  капс</p>
		<p class='info'>Производитель: Proline MSN</p>
		<p class='info'>Упаковка:  330  шт.</p>
		<div class='cont'>
			<p class='s_tit'>Цена</p>
			<p class='summ'> 680  руб.</p>
			<div class='add'>
			</div>
		</div>
		<p class='info'>Подробнее >></p>
	</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
24.12.2009, 14:38
| Ответить | Цитировать | Написать  
Помогите сделать таблички(HTML)
    #36384626
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Точнее макет верстки.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
24.12.2009, 14:39
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сделать таблички(HTML)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=267&tid=1453761]:
 0ms
get settings:
 6ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 53ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 199ms
total:  312ms
созд. / загр.: 312ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]