Ориентация изображения и макет в CSS - PullRequest
1 голос
/ 03 марта 2011

Простите, если это звучит невозможно, я новичок в CSS.Я хочу сделать тег

и присвоить ему класс 'imagepanel1-2'.Суть в том, чтобы на этой панели было 3 изображения: 1 большое и 2 маленьких (2 маленьких были бы наложены друг на друга только справа от большого).

И я хочу иметь возможность сделать этов HTML:

<div class='imagepanel1-2'>
   <img class='large' src='blahblah'>
   <img class='small' src='blahblah'>
   <img class='small' src='blahblah'>
</div>

В CSS подклассы 'large' и 'small' будут контролировать ширину и высоту изображений, а 'imagepanel1-2' будет управлять ориентацией.Кроме того, между каждым изображением на панели должно быть свободное пространство в 1 пиксель.Возможно ли то, что я описываю?

1 Ответ

1 голос
/ 03 марта 2011

Я думаю, что это было бы выполнимо, если бы вы использовали правильный css для «маленьких» и «больших» классов.Что касается ориентации, я не уверен, что вы имеете в виду, но для места вы можете установить поле делений.Например, вы можете установить

float: left;
width: 100px;
margin: 1px;

для «большого» класса,

float: right;
width 50px;
margin: 1px;

для «малого» класса и

width: 150px;

для «большого» класса.Имиджпанель 1-2 'класс.(Я еще не опробовал код.)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...