здравствуйте! помогите пожалуйста с решением одной задачи, уверен она многих интересует
у меня четыре картинки . для каждой из них пишется стиль
.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... =(
заранее спасибо :-)