Форум

marlic · #1 (**permalink**) 23.06.2011, 15:53

здравствуйте! помогите пожалуйста с решением одной задачи, уверен она многих интересует

у меня четыре картинки . для каждой из них пишется стиль

.img {

		border-right:1px solid #A9A9A9;
	padding-right:13px;
		padding-left:13px;
}

и получается что картинки выводятся а между ними полоска.

<div class="img">
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
</div>

в последней картинке этот border-right:1px solid #A9A9A9; не нужен. как этого можно добиться? думаю что только средствами JS ... но в ней не силен, к сожалению и поэтому был бы благодарен если вы подскажете, как для 4ой (в том числе 8ой, 12ой и т.д.) картинки в ряду стиль был

img {

		border:none;

		padding-left:13px;
}

-------

<div class="img">
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" alt="" >
<img src="адрес" class="img" style="border:none" alt="" >
</div>

не выход так как эти картинки генерируются через php и иногда их 2 иногда 20... =(
заранее спасибо :-)

marlic · #2 (**permalink**) 23.06.2011, 15:59

приувожу скрин для наглядности задач

ksa · #3 (**permalink**) 23.06.2011, 16:11

Сообщение от marlic

помогите пожалуйста с решением одной задачи, уверен она многих интересует

Всё уже украдено до нас... (с) Операция "Ы" или другие приключения Шурика

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
.container {
	float: left;
	height: 100px;
	border:1px solid #A9A9A9;
}
.img {
	float: left;
	width: 100px;
	height: 90px;
	margin-top: 5px;
	padding-right:13px;
	padding-left:13px;
}
.img + .img {
	border-left:1px solid #A9A9A9;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
</div>
</body>
</html>

marlic · #4 (**permalink**) 23.06.2011, 17:06

Сообщение от ksa

Всё уже украдено до нас... (с) Операция "Ы" или другие приключения Шурика

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
.container {
	float: left;
	height: 100px;
	border:1px solid #A9A9A9;
}
.img {
	float: left;
	width: 100px;
	height: 90px;
	margin-top: 5px;
	padding-right:13px;
	padding-left:13px;
}
.img + .img {
	border-left:1px solid #A9A9A9;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="container">
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
	<div class="img"></div>
</div>
</body>
</html>

огромное спасибо !!!

получилось

Форум

Справочник

Discord чат

Курсы javascript