Прошу помощи по "блокам"

BZ
На сайте с 10.02.2010
Offline
9
499

Добрый вечер форумчане!

Использую двиг одного форума...

Вообщем добавляю код:


<p class="importantMessage1">
123
</p>
<p class="importantMessage1">
123
</p>

в css добавляю

.importantMessage1

{
margin: 10px 0;
width: 40%;
color: @secondaryDarker;
background-color: @secondaryLightest;
text-align: left;
padding: 5px;
border-radius: 5px;
border: solid 1px @secondaryLight;

вот что получаю:

(блоки с "текст")

Вопрос: Кто подскажет как реализовать такое?

, т.е. чтобы блоки были в одну линию.

Заранее благодарен

IngDеsign
На сайте с 28.11.2009
Offline
13
#1

Добавить свойство float:left; в css

Дизайн (/ru/forum/552855) | Сайты под ключ (/ru/forum/567526) | Портфолио (http://freelance.ru/users/IngDesign/) | icq 496 910 436 Я начинающий блогер (http://ingdesign.ru)
MoMM
На сайте с 16.06.2006
Offline
727
#2

display:inline;

BG
На сайте с 09.10.2010
Offline
3
#3

Вот самый простой способ:

<input type="text" value="текст" style="display: inline;" />

<input type="text" value="текст" style="display: inline;" />
BZ
На сайте с 10.02.2010
Offline
9
#4

оооо ..... а куда это вставлять?

BG
На сайте с 09.10.2010
Offline
3
#5

Если это не форма для ввода текста, как мне показалось, тогда, действительно, можно использовать div с явно указанной в CSS шириной и float: left;.

BZ
На сайте с 10.02.2010
Offline
9
#6
IngDеsign:
Добавить свойство float:left; в css

спасибо, помогло.... но блоки стоят слитно... как между ними создать промежуток?

4arger
На сайте с 17.12.2008
Offline
95
#7


margin-right: 20px;
BZ
На сайте с 10.02.2010
Offline
9
#8

после всего этого дизаин ломается на IE..... В лисе и хроме всё отлично..... Кто поможет?

ParserYa
На сайте с 04.10.2010
Offline
29
#9

width блокам выставь так, что бы нигде не ломалось - и будет счастье

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий