Нужна помощь по CSS
Страницы: 1
Нужна помощь по CSS
Здравствуйте!
Не получается настроить тег H2 в CSS. Вот в чём причина когда я в редакторе пишу текст: текст1 <h2>текст2</h2> текст3. То по какой то причине он переносит весь текст из тега h2 на новую строку:
Цитата
текст1
<h2>текст2</h2>
текст3.

Вот собственно сам CSS:

Код
Главные стили. Внешний вид шаблона.
*/

body {
   padding: 0;
   margin: 0;
   background: #eaeaea url(../images/body.jpg) left top repeat-x;
   text-align: left;
   font: 12px Arial;
   color: #676767;
}

h1, h2, h3, h4 {
   padding: 0;
   margin: 0;
}
h3 a {
         color: #c41e3a;
         font-weight: bold;
         font-size: 14px;
   }

.head {
   height: 155px;
}

.copy ul,.copy li {margin: 0; padding:0;}
 


и

Код
.short-block {
   padding: 5px;
}

   .short-block a {
      color: #7e1414;
      
   }
.short-block h1 {
         color: #960018;
         font-weight: bold;
         font-size: 18px;
      }   
.short-block h2 {
         font-size: 12px;
         white-space: nowrap
      }
      .short-block h3 {
         color: #4f4f4f;
         font-weight: bold;
         font-size: 12px;
      }
      
         .short-block h3 a {
            color: #fe8f00;
            font-size: 20px;
            font-weight: normal;
         }

         .short-block h3 span {
            color: #6b5b25;
            font-size: 12px;
         }
         
            .short-block h3 span a {
               color: #7e1414;
               font-size: 12px;
               font-weight: bold;
            }
 


.short-block h2  и отвечает за настройку H2 в том месте. Нужно сделать чтобы тег h2 оставался на той же строке. Заранее благодарен!
.short-block h2 {
   font-size: 12px;
   white-space: nowrap;
display:inline;
}
Цитата
Александр пишет:
.short-block h2 {
font-size: 12px;
white-space: nowrap;
display:inline;
}
Всё заработало, а если мне надо что бы h2 работал в параграфе <p>текст < h2 >текст</ h2 > текст </p> как нужно прописать в CSS?
Если он в том же блоке с классом .short-block, то больше ничего. Если в другом месте, то смотрите на класс параграфа или самому заголовку класс пропишите.
Изменено: Александр - 19 Октября 2013 08:17
Как такового класса параграфа я не нашёл. я создал в блоке с классом .short-block

Код
.short-block p {      
          white-space: nowrap; 
      display:inline;
}
 
Что именно нужно приписать? Если я прописываю это, то у меня шаблон уезжает в правую сторону вытягивая весь текст параграфа в одну строку....
Цитата
Александр пишет:
Если он в том же блоке с классом .short-block, то больше ничего. 


Цитата
Александр пишет:
.short-block h2 {
font-size: 12px;
white-space: nowrap;
display:inline;
}
Это и оставьте.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
19:41 25$ (ежемесячно) AdSense 
21:39 Подскажите где продвигать сайт. 
10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
19:12 Мошенники-копирайтеры 
08:57 Индексация страниц 
23:16 Есть ли альтернатива Адсенсу и РСЯ? 
14:54 Swapper.ws - Обмен криптовалют. Быстро, выгодно, круглосуточно. 
14:25 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
12:51 JustProxy.Biz - Резидентные прокси без ограничения по трафику 
12:34 SpaceSwap.cc - Быстрый и надежный обменник криптовалют 
12:24 WebKazna. Обмены криптовалют. Доставка наличных. 
12:13 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
04:14 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
15:05 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
11:58 Куплю проигрышные букмекерские аккаунты 
06:37 Точные прогнозы на футбол 
11:58 Добро пожаловать в цифровой мир... 
00:12 Огородники 
10:59 Новости искусственного интеллекта 
04:26 Хром ругается на форум