Нужна помощь с вёрсткой 3-х блоков

не совсем понял... что то вроде

a {

float:left;

height:200px;

}

b,c {

float:right;

heifgt:100px;

}

Трудность в том, что ни над блоком А, ни над его родительским блоком никаких манипуляций производить нельзя

А блок А и "его родительский блок" ширину разную имеют? И как блок А позиционирован относительно родительского?

Такого не бывает. По css-то или через DOM до него добраться можно. Или религия не позволяет?

Так и есть - религия не позволяет. Отсюда и вся сложность. Неужели нет вариантов?

Дайте полный кусок кода..

Вот что дано. Задачу нужно решить добавив стили для image_B и image_C, не изменяя другие.

<style>

.images{

float: left;

}

.image_A{

padding: 0 !important;

}

</style>

<div class="images">

<img src="imageA.png" class="image_A" width="50" height="50" />

<img src="imageB.png" class="image_B" width="25" height="25" />

<img src="imageC.png" class="image_C" width="25" height="25" />

</div>

Не удалось добиться точного соответсвия - но попробуйте в эту сторону попрактиковаться

.image_B{

position:relative;

bottom:25px;

left:0px;

}

.image_C{

position:relative;

padding: 0 !important;

bottom:0px;

left:-25px;

}

То что надо! Огромное человеческое спасибо!