Вопросы и ответы по HTML и CSS

Они и так ресайзятся. Но с охранением пропорций. Можешь показать пример со спаном?

Ресайзь до определенной высоты (ширину не учитывай)
<div style="height:240px">
<img....>
<span style="float:right;">
Text
Text
Text
</span>
</div>
Остальной текст.
Надо следить за длиной текста в спане, поставить новрап (точно не скажу я с тела) аттребут, что бы автоматом не переносился.
Ну вот как то так
Обязательно ширина страницы ширина картинок (240) + рачетная ширина текста (740)
Числа примерные

Текст там не предолагается длинный, так что норм, спасибо

Картинки можно засунуть в блок с фикс шириной и оверфлов хидден.
Это будет обрезать лишнюю ширину картинки (если будет лишняя) и + текст всегда будет начинаться с одной и той же точки по горизонтали

Блин, другой эффект дало

Кто нибудь знает как это осуществить? А то рамзес пропал

Всем приветы=) НАрод срочно нужна ваша помощь! Короче говоря, Рисую тему, И на самом интересном етапе застрял, а застрял я на кнопках, нужна кнопочка(кнопка ссылка наподобие как в дцмс 664 были в веб теме) нашёл в инете кнопочку и сделал скрин (см. ниже) нужно что-то типа етого, с графикой не проблема нарисую а вот как ето в css реализовать - Для меня большая проблема, Пожалуйста помогите!!!

Добавлено через 00:21 сек.
Вот кнопочка!

ЗЫ. Всё Отбой, НАшёл решение!

input[type=button]{
 width:70%;
 margin:2px auto;
 overflow:hi dden;
 padding:7px 5px;
 text-align:center;
 font-size:15px;
 font-weight:bold;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border-radius:8px;
 border:1px solid #357;
 color:#fff;
 background-color:#5f9cc5;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#5f9cc5),to(#396b9e));
 background-image:-moz-linear-gradient(#5f9cc5,#396b9e);
 background-image:-o-linear-gradient(#5f9cc5,#396b9e);
 background-image:linear-gradient(#5f9cc5,#396b9e);
 display:block;
 cursor:pointer;
}
input[type=button]:hover{
background-color:#5f9cc5;
 background-image:-webkit-gradient(linear,left top,left bottom,from(#396b9e),to(#5f9cc5));
 background-image:-moz-linear-gradient(#396b9e,#5f9cc5);
 background-image:-o-linear-gradient(#396b9e,#5f9cc5);
 background-image:linear-gradient(#396b9e,#5f9cc5);
 border:1px solid #246;
}

если чесно, то не особо тебе понял в чем могли быть у тя проблемы - в интернете полно уроков с примерами по css

822. Виталик Альянс, я и нашёл в интернете то что мне нужно было =)

Добавлено через 02:11 сек.
----- установим стили блока DIV --------
#liniya {
width:110px;
height:50px;
background:#669900;
float:left;
margin-left:15px;
text-align:center;
}
---------- вставим блоки на страницу ---------
<div style=" width:100%; height:1px; clear:both;"></div> чтобы не лезли вверх
<div id="liniya">DIV - 1</div> <div id="liniya">DIV - 2</div> <div id="liniya">DIV- 3</div>
<div id="liniya">DIV - 4</div><div id="liniya">DIV - 5</div><div id="liniya">DIV - 6</div>
<div style=" width:100%; height:1px; clear:both;"></div> чтобы ничего не влезало снизу


Вот ето мне нужно было =)