Отображение товаров

buddah · May 19, 2011

Дали мне вот этот магазин на "довёрстку".

Все было нормально пока я не столкнулся с необходимостью сделать отображение товаров как на картинке, тоесть красиво расположить форму Select внутри.

Вот как надо:

Как есть можно посмотреть на сайте.

В таблицах я плаваю, при чем плаваю топориком

p.s. Особо нервным сайт в ИЕ не открывать, кроссбраузерностью я еще не занимался

PanSoul · May 19, 2011

Ну здесь явно не через стандартный делать нужно

Через фреймворк какой-нить или самому на JS )

buddah · May 19, 2011

Quote
Через фреймворк какой-нить или самому на JS

Само отображения формы селект да, но хотя бы стандартный вид засунуть.

Bonzash · May 19, 2011

Может быть так попробуете, каркас:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>
h3 {
	font-size: 16px;
	font-weight: normal;
}
span.sale {
	float: left;
}
</style>        
</head>
<body>
<div style="width: 130px; float: left;">
	<h3>Чай китайский белый</h3>
	<div style="border: 1px solid black; width: 118px; height: 118px;">image</div>
	<form action="">
		<span class="sale">93 грн</span>
		<select>
		  <option>100 гр.</option>
		  <option>200 гр.</option>
		  <option>300 гр.</option>
		</select>
		<input type="submit" value="Заказать" />
	</form>
</div>
</body>
</html>

buddah · May 19, 2011

Вообще таблицу снес и сверстал дивами. Спасибо, Bonzash, за попытку помочь, +1.

Sign In

Отображение товаров

Question

buddah

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

PanSoul

Link to comment

Share on other sites

buddah

Link to comment

Share on other sites

Bonzash

Link to comment

Share on other sites

buddah

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information