Помощь в верстке

Exorcist · June 21, 2011

Всем привет. В верстке не силен, вот сделал

http://212.107.192.91/buklety/

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

Перепробывал все трех-колончные варианты. Мосг сломал

Если что PSd тут http://212.107.192.91/sun.psd

Кто поможет оперативностью дам Yandex/Web money на пиво. =)

Softlink · June 21, 2011

Всем привет. В верстке не силен, вот сделал
http://212.107.192.91/buklety/
Надо чтобы все столбцы были с одинаковой высотой. И вот что получилось. Картинки вытягиваются если не помешать их в слой и не задавать строгую высоту. И вылазиют.
Перепробывал все трех-колончные варианты. Мосг сломал
Если что PSd тут http://212.107.192.91/sun.psd
Кто поможет оперативностью дам Yandex/Web money на пиво. =)

1. в psd нет таких картинок

2. картинка в правом нижнем углу равна по высоте двум левым?

3. может таблицей сделать или вам исключительно на дивах надо?

Exorcist · June 21, 2011

Всем привет. В верстке не силен, вот сделал
http://212.107.192.91/buklety/'>http://212.107.192.91/buklety/
Надо чтобы все столбцы были с одинаковой высотой. И вот что получилось. Картинки вытягиваются если не помешать их в слой и не задавать строгую высоту. И вылазиют.
Перепробывал все трех-колончные варианты. Мосг сломал
Если что PSd тут http://212.107.192.91/sun.psd'>http://212.107.192.91/sun.psd
Кто поможет оперативностью дам Yandex/Web money на пиво. =)
1. в psd нет таких картинок
2. картинка в правом нижнем углу равна по высоте двум левым?
3. может таблицей сделать или вам исключительно на дивах надо?

1.Эти картинки я уже сам вставляю - Динамический контент.

2.Это две разные картнинки - просто слились.

3.Вообщето дивавами надо.

Надо чтобы по центру в независимости от высоты контента столбцы растягивались http://212.107.192.91/

Softlink · June 21, 2011

1.Эти картинки я уже сам вставляю - Динамический контент.
2.Это две разные картнинки - просто слились.
3.Вообщето дивавами надо.
Надо чтобы по центру в независимости от высоты контента столбцы растягивались http://212.107.192.91/

ну например так будет работать:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<head> 
<META http-equiv="Content-Type" content="text/html; CHARSET=Windows-1251"> 
<title>Картинки</title> 
<style type="text/css"> 
.images{
width:900px;
margin:100px;
}

.stroka{
margin-top:10px;
padding:0px;
}

ul{
list-style-type:none;
margin:0;
padding:0;
}
li{
display:inline;
}


</style> 
</head> 
<body>
	<div class="images">
	<div class="stroka">
		<ul>
			<li><img src="images/5.png" alt=""></li>
			<li><img src="images/5.png" alt=""></li>
		</ul>
	</div>

	<div class="stroka">
		<ul>
			<li><img src="images/5.png" alt=""></li>
			<li><img src="images/5.png" alt=""></li>
		</ul>
	</div>

	<div class="stroka">
		<ul>
			<li><img src="images/5.png" alt=""></li>
			<li><img src="images/5.png" alt=""></li>
		</ul>
	</div>

	</div>
</body> 
</html>

Edited June 21, 2011 by Softlink

Dinow · June 21, 2011

убери height: 100% отсюда

* { height: 100%; margin: 0; padding: 0; }

и ничего не будет вытягиваться и выпадать

psywalker · June 21, 2011

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

Sign In

Помощь в верстке

Question

Exorcist

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

Exorcist

Link to comment

Share on other sites

Softlink

Link to comment

Share on other sites

Dinow

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information