Помогите, пожалуйста, советом по верстке. Имеется код:
<div class="resize">
<div class="title">
<h1>Хочешь изменить размер?</h1>
</div>
<div class="container">
<div class="cr">
<div class="new-width">
Укажи новую ширину картинки:<br />
<span>В пикселях </span>
</div>
<input type="text" name="resize" id="resize" />
<div class="keep">
Мы сохраним пропорции ;-).
</div>
</div>
</div>
</div>
.resize {
margin-top: 30px;
}
.resize .title {
position: relative;
top: 7px;
z-index: 2;
background: #f8f8f8;
width: 200px;
}
.resize .container {
border: 1px #c4c4c4 solid;
padding: 20px;
font-size: 11pt;
}
.resize .container .cr {
width: 440px;
margin: 0px auto;
}
.resize .container .cr .new-width {
width: 212px;
float: left;
text-align: right;
}
.resize .container .cr .new-width span {
font-size: 8pt;
display: block;
}
.resize .container .cr input {
width: 90px;
height: 35px;
font-size: 15pt;
text-align: center;
margin-left: 5px;
margin-top: -3px;
float: left;
}
.resize .container .cr .keep {
font-size: 7pt;
color: #767676;
line-height: 35px;
width: 125px;
padding-left: 5px;
padding-top: -3px;
}
Результатом всего этого становится то, что .new-width находится на одной строке с <input id="resize">. А вот после этого инпута идет еще один div — .keep. Но он, зараза, сползает на строку ниже. Подскажите, как его поднять на уровень инпута.
PS: Вот тут эта верстка применяется — http://almazdd.ru/pic.html .
Спустя 46 минут, 58 секунд (4.10.2011 - 10:41) Invis1ble написал(а):
как-то так
<div class="keep">
Мы сохраним пропорции ;-).
</div>
<div style="clear:both"></div>
.resize .container .cr .keep {
font-size: 7pt;
color: #767676;
line-height: 35px;
width: 125px;
padding-left: 5px;
padding-top: -3px;
float: left;
}
Спустя 7 минут, 2 секунды (4.10.2011 - 10:48) AlmazDelDiablo написал(а):
Пасяп, заработало :3!
_____________
Блог | VK | GitHub | Twitch