Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 14.08.2011 17:42

maxxximka
Новичок
Зарегистрирован: 14.08.2011
Сообщений: 2

как сделать div без переноса на новую строку?

есть такой код

текст

надо чтобы div не переносился на новую строку, в css прописан стиль
.class{background:url('images/sidebar2.jpg') no-repeat;

              width:227px;
              
              height:45px;

              line-height:45px;

              color:#CDFC70;

              font-size:13px;

              text-indent:90px;
                            
              font-weight:bold

              }
Если прописываю display:inline; то не действует ширина и высота, подскажите пожалуйста как сделать?

Нет на форуме

 

#2 14.08.2011 19:37

lolgfr
Новичок
Зарегистрирован: 02.05.2011
Сообщений: 36

Re: как сделать div без переноса на новую строку?

вроде есть inline-block не уверен

Нет на форуме

 

#3 14.08.2011 20:56

tapazukk
Опытный
Зарегистрирован: 16.01.2010
Сообщений: 349
Вебсайт

Re: как сделать div без переноса на новую строку?

Только inline-block может глючить в ie6. (для FF 1.5 подойдет -moz-inline-box)

Нет на форуме

 

#4 15.08.2011 00:48

maxxximka
Новичок
Зарегистрирован: 14.08.2011
Сообщений: 2

Re: как сделать div без переноса на новую строку?

пробовал всяко в итоге сделал на таблице smile

Нет на форуме

 

#5 24.08.2011 10:03

Mirkus
Новичок
Зарегистрирован: 24.08.2011
Сообщений: 19

Re: как сделать div без переноса на новую строку?

я бы посоветовал :
1. заключить все в общий контейнер





и в css добавил бы к ид лефт и райт возможность обтикать друг друга:
#left {
padding:0px;
margin:0px;
border:none;
float:left;
}
#righgt{
padding:0px;
margin:0px;
border:none;
float:left;
}
возможны глюки в плане по отношению к соседним дивам.
решал добавлением дива чуть ниже:



типа границы


я новичок так что строго судить не прошу,а если у вас есть опыт решения вопроса проще,подскажите буду благодарен.

Нет на форуме

 

#6 31.08.2011 13:57

Strix
Новичок
Откуда: Украина, Киев
Зарегистрирован: 19.07.2011
Сообщений: 16
Вебсайт

Re: как сделать div без переноса на новую строку?

Всё зависит от размера картинки слева - из кода автора это неясно. Если высота равна высоте блока справа - никто не мешает использовать плавающие блоки. Если нет - надо исходить из того, что надо получить- скрин давайте

Нет на форуме

 

Board footer