Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сделать таблички(HTML) / 14 сообщений из 14, страница 1 из 1
23.12.2009, 10:58
    #36381560
guest_112
guest_112
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
Здравствуйте. Помогите пожалуйста исправить ситуацию с табличками вывода каталога.
Имеется следующее
Код: 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, 14:36
    #36382248
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
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
| Ответить | Цитировать | Написать  
24.12.2009, 10:34
    #36383839
guest_112
guest_112
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
Ой совсем забыл дописать в 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:47
    #36383879
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
guest_112А хочется сделать так
1. Засунь картинку с корзинкой в табличку, третьей ячейкой (за ценой)
2. сделай картинку-подложку для фона цены и сделай ее бекграундом к ячейке цены

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

Код: 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:53
    #36383901
guest_112
guest_112
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
Да я пытался так сделать но результат на первой картинке ))) Всё получилось криво и косо )))
Ещё не понимаю почему табличка не растягивается на весь экран как на второй картинке (((

Ответы на твои вопросы:
1. Показывает красиво производителя =))) А почему не показывается в редакторе незнаю ((( Я делал в блокноте )))
2. Да я как то из принципа его не закрываю ))) Всё работает и так =)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.12.2009, 10:58
    #36383918
guest_112
guest_112
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
Делал так:
Код: 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, 11:23
    #36383991
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
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:25
    #36383995
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
guest_1121. Показывает красиво производителя =))) А почему не показывается в редакторе незнаю ((( Я делал в блокноте )))
Что вообще означает этот тег (<h>)?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.12.2009, 11:39
    #36384041
Master4
Master4
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
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, 12:35
    #36384248
guest_112
guest_112
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
Да торчащая лишняя граница очень мешает ((( Незнаю как её убрать ((( причём если кол-во товара чётное то этой границы нету!
Нормальную картинку я сделал в фотошопе!
Осталось несколько вопросов:
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:40
    #36384261
Master4
Master4
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
guest_112, незнаю (((( может в процентах указать? (((((((
скажем так, общая таблица 100% ((((( а остальное тоже по 100% может уместится? (((((((
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.12.2009, 14:38
    #36384625
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
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:39
    #36384626
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите сделать таблички(HTML)
Точнее макет верстки.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите сделать таблички(HTML) / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 337ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453761]:
 0ms
get settings:
 6ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 52ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 220ms
total:  337ms
x
x
Закрыть


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