Изображение внутри div должно быть другой высоты, чем остальные

Question

Изображение внутри div должно быть другой высоты, чем остальные

0

Я изо всех сил пытаюсь установить высоту img внутри div, чтобы быть талером, чем другой img на остальной части моего сайта, может кто-нибудь посоветует, спасибо

Вот HTML

<div class="project">

    <img src="../../../Images/Nu Space/Nu Space LH.jpg" alt="Nu Space LH" class="image" height="auto" width="580">

    <img src="../../../Images/Nu Space/Nu Space BC.jpg" alt="Nu Space BC" class="image" height="auto" width="580">

    <div class="clear"></div>
</div>

Вот CSS

img {
    float: right;
    margin-top: 0px;
    height: auto;
}

img li {
    margin-top: 75px;
    height: 100%;
    width: 100%;
}

.project {
    width: 700px;
    min-height: 100%;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 30px;
    left: auto;
    background-color: #FFF;
}

Любая помощь будет оценена

user3015137 19 дек. 2013, в 01:17

Источник

0

Борется как? Что происходит вместо того, что вы ожидаете? Попробуйте воссоздать проблему в jsfiddle.net и опубликуйте ее здесь для более быстрой помощи.
Alex Wayne 19 дек. 2013, в 00:11
0

Не уверен, покажет ли это, но проблема в том, что верхний img - это бланк, а нижний - визитная карточка, поэтому верхний должен иметь большую глубину, не изменяя другие divs jsfiddle.net/tT8JH
user3015137 19 дек. 2013, в 00:16

Теги:

html

css

image

2 ответа

Ещё вопросы

Борется как? Что происходит вместо того, что вы ожидаете? Попробуйте воссоздать проблему в jsfiddle.net и опубликуйте ее здесь для более быстрой помощи.
Не уверен, покажет ли это, но проблема в том, что верхний img - это бланк, а нижний - визитная карточка, поэтому верхний должен иметь большую глубину, не изменяя другие divs jsfiddle.net/tT8JH

radha · Answer 1 · 2013-12-19T02-49-00.000Z

Попробуй это,

.project 
{
    width: 700px;
    min-height: 100%;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 30px;
    left: auto;
    background-color: #FFF;
}
.project .image1 
{
    width:200px;
    height: 200px;
}

http://jsfiddle.net/tT8JH/2/

user2957836 · Answer 2 · 2013-12-18T21-20-00.000Z

div > img {
    width: (desired width in %);
    height: (desired height in %):
}

Редактировать: Извините, я не был точным в своих объяснениях, но это изменит только изображения внутри div, чего хотел автор. Я считаю, что у него есть другие изображения на веб-странице, которые должны иметь разный размер.

Проблема заключается в высоте, а не в ширине, и, безусловно, это изменит ее для всех изображений на всем сайте.
Пожалуйста, ознакомьтесь с руководством Как ответить . Я проверяю ваше сообщение в обзоре низкого качества , я уверен, что вы не хотите, чтобы с ним связывались.