Верстаем под шаблон.Убрать отступ у первого элемента.

SIC · June 7, 2008

Столкнулся с такой проблемой: необходимо выводить на страницу 5 изображений в линию и брать их в рамку, как показано здесь http://img398.imageshack.us/my.php?image=justifyoj7.jpg. Так чтобы слева и справа от изображений отступ был одинаковым и небольшим, а рамка равномерно заполнялась картинками за сч?т отступов между ними. Размер рамки фиксированный, размер картинок тоже. Зfдача осложняется тем, что в?рстка делается под шаблон, т.е. нельзя отдельно применять стили только к одной картинке или ссылке. Я наш?л 2 способа решить эту проблему 1)с помощью соседних селекторов 2)с помощью псевдокласса :first-child, но ИЕ6 как всегда сказал что ему на них положить большой ... (. У кого какие мысли по этому поводу?

Заранее спасибо всем ответившим.

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" href="justify_img.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=win-1251">
<meta name="description" content="">
<meta name="keywords" content="">
</head>
<body>
<div id=main_container>
	<div id=in_work_box>
		<a href="#"><img  title="1" alt="1" src="images/small1.jpg" width=129 height=45></a>
		<a href="#"><img  title="2" alt="2" src="images/small2.jpg" width=129 height=45></a>
		<a href="#"><img  title="3" alt="3" src="images/small3.jpg" width=129 height=45></a>
		<a href="#"><img  title="4" alt="4" src="images/small4.jpg" width=129 height=45></a>
		<a href="#"><img  title="5" alt="5" src="images/small5.jpg" width=129 height=45></a>
	</div>
</div>
</body>
<html>

css:

html, body {
	height:100%; 
	margin:0px;
}

img {
	border: none;
}

#main_container {
	width: 937px;
	margin: 220px auto;
	height: 100%;
}

#in_work_box {
	padding: 10px 15px;
	border: 1px solid #CFCFCF;
	text-align: left;
}

#in_work_box a {
	margin-left: 61px;
}

/*#in_work_box a+a {
	margin-left: 61px;
}*/

Sign In

Верстаем под шаблон.Убрать отступ у первого элемента.

Question

SIC

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information