как сделать чтоб текст выделенный кодом H1, H2 не переносился на новую строку

Тема в разделе "Форматирование материалов", создана пользователем Diogen1985, 03.03.2011.

  1. Offline

    Diogen1985 Недавно здесь

    Регистрация:
    27.01.2011
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Подскажите, пожалуйста, как сделать чтоб текст выделенный кодом H1, H2 и т.д. не переносился на новую строку.

    С помощью текстового редактора JCE 1.5.6 выделяю нужные слва в тексте выбирая "Heading 2" после чего выбираю необходимый размер шрифта соответственно получаю код:

    <p>В соответствии с действующим законодательством, адвокатской деятельностью является</p>
    <h2><span style="font-size: 10pt;">квалифицированная юридическая помощь</span></h2>
    , оказываемая на ..... <p> </p>

    слова выделенные как H2 отображаются на новой строке с выравниванием как и у другого текста. Необходимо же чтобы весь текст отображался сплошным абзацем (тоесть убрать перенос текста выделенного Н2 на новую строку)
     
  2.  
  3. ycsus
    Offline

    ycsus специалист

    Регистрация:
    19.02.2011
    Сообщения:
    249
    Симпатии:
    33
    Пол:
    Мужской
    h1,2,3 и т.д. это тот же параграф, он блочный. Что б он не был блочным, как вариант, можно в ксске поставить display: inline применимо к этому тегу.
     
  4. Offline

    Diogen1985 Недавно здесь

    Регистрация:
    27.01.2011
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Прошу прощения, но не совсем понял куда в моем случае надо всетить строку "display: inline"
    в моем файле по адресу "\templates\allrounder_v1.2standart\css\typo.css" есть следующее:

    h1,h2,h3,h4,h5,h6 {text-shadow: 0 1px 0 #fff, 0 -1px 0 #ccc; margin: 10px 0;}
    h1 {font-size: 220%;}
    h2 {font-size: 200%;}
    h3 {font-size: 180%;}
    h4 {font-size: 160%;}
    h5 {font-size: 140%;}
    h6 {font-size: 120%;}

    Может быть я не туда смотрю, подскажите, пожалуйста
     
  5. ycsus
    Offline

    ycsus специалист

    Регистрация:
    19.02.2011
    Сообщения:
    249
    Симпатии:
    33
    Пол:
    Мужской
    Если присвоить здесь:
    для h display inline, то это будет для всех. Лучше сделать именно для тех которые в контенте. Допустим
    Код (html):
    1. .content h2{
    2. display:inline;
    3. }

    Ну эт если у вас есть класс content у какого нить дива выше текста.
    + Еще я сразу не заметил, нужно ж писать h в p. Тобишь
    Код (html):
    1. <p>В соответствии с действующим законодательством, адвокатской деятельностью является
    2. <h2><span style="font-size: 10pt;">квалифицированная юридическая помощь</span></h2>
    3. , оказываемая на ...</p>
     
  6. Offline

    Diogen1985 Недавно здесь

    Регистрация:
    27.01.2011
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Еще раз извиняюсь, но если Display inline будет для всех это для меня как для начинающего даже хорошо, ведь выделить нужные слова дополнительным энтэром мне не сложно. пропробовал вставить в строку:
    h1,h2,h3,h4,h5,h6 {text-shadow: 0 1px 0 #fff, 0 -1px 0 #ccc; margin: 10px 0; display: inline}
    и в строку
    h2 {font-size: 200%; display: inline}
    не помогло
    отдельно пытался прописать после указанной мной цитаты кода
    .content h2{
    display:inline;
    }
    так же не помогло.
    после указанного мной кода так же не помогло. Может быть дело в

    <p>В соответствии с действующим законодательством, адвокатской деятельностью является</p>
    <h2><span style="font-size: 10pt;">квалифицированная юридическая помощь</span></h2>
    , оказываемая на ..... <p> </p> которые он почему-то проставляет сам, даже если я их удаляю вручную через редактор HTML в JCE 1.5.6
     
  7. ycsus
    Offline

    ycsus специалист

    Регистрация:
    19.02.2011
    Сообщения:
    249
    Симпатии:
    33
    Пол:
    Мужской
    без этого от ксски толку нету, потому что p это параграф, параграф это абзац, а значит новая строка. Редактор, по идее, вставляет < p >, если есть абзац. Лишние абзацы и пробелы с html-кода попробовать убрать мона.
     
    Diogen1985 нравится это.
  8. Offline

    Diogen1985 Недавно здесь

    Регистрация:
    27.01.2011
    Сообщения:
    15
    Симпатии:
    0
    Пол:
    Мужской
    Прошу прощения за задержку
    Попытался удалить лишние пробелы, но редактор их расставляет сам ни как не могу разрешить проблему.
    адрес сайта: www. advokat-pichugina.ru тут видно в чем проблема (внизу сайта слова с пометкой н2 выстроены в столбик, а необходимо сделать их одной строкой)

    Может в разрешении проблемы поможет следующеие выдержки из файлов по данному модулю (footer) и пометкам H1-H6? а, так же непосредственно copytext в котором и расставлены тэги h2:
    1. файл modules.css

    /* foot1, foot2, foot3 */
    #foot123 {
    width: 100%;
    display: inline-block;
    margin: 5px 0 5px 1%;
    padding:0;
    height: auto;
    }
    #foot1, #foot2, #foot3 {
    float:left;
    width: 32%;
    margin: 0 1% 0 0;
    }
    #foot1 .module, #foot2 .module, #foot3 .module {
    border: 1px solid #fff;
    margin: 0;
    }
    #foot1 .module div div div, #foot2 .module div div div, #foot3 .module div div div {
    border: 1px solid #aaa;
    padding: 10px;
    overflow:hidden;
    }
    /* foot4, foot5 */
    #foot45 {
    width: 100%;
    display: inline-block;
    margin: 5px 0 5px 1%;
    padding:0;
    height: auto;
    }
    #foot4, #foot5 {
    float:left;
    width: 48.5%;
    margin: 0 1% 0 0;
    }
    #foot4 .module, #foot5 .module {
    border: 1px solid #fff;
    margin: 0;
    }
    #foot4 .module div div div, #foot5 .module div div div {
    border: 1px solid #aaa;
    padding: 10px;
    overflow:hidden;
    }
    /* foot6*/
    #foot6out {
    width: 100%;
    display: inline-block;
    margin: 5px 0 5px 1%;
    padding:0;
    height: auto;
    }
    #foot6 {
    float:left;
    width: 98%;
    margin: 0 1% 0 0;
    }
    #foot6 .module {
    border: 1px solid #fff;
    margin: 0;
    }
    #foot6 .module div div div {
    border: 1px solid #aaa;
    padding: 10px;
    overflow:hidden;
    }

    2. файл typo.css

    h1,h2,h3,h4,h5,h6 {text-shadow: 0 1px 0 #fff, 0 -1px 0 #ccc; margin: 10px 0;}
    h1 {font-size: 220%;}
    h2 {font-size: 200%;}
    h3 {font-size: 180%;}
    h4 {font-size: 160%;}
    h5 {font-size: 140%;}
    h6 {font-size: 120%;}

    h1.info, h1.right, h1.alert, h1.tell, h1.content, h1.note {
    background-repeat : no-repeat;
    padding: 5px 0 0 55px;
    min-height:55px;
    line-height:normal;
    }
    h1.info {
    background-image : url(../images/icons/info.png);
    }
    h1.right {
    background-image : url(../images/icons/right.png);
    }
    h1.alert {
    background-image : url(../images/icons/alert.png);
    }
    h1.tell {
    background-image : url(../images/icons/tell.png);
    }
    h1.content {
    background-image : url(../images/icons/content.png);
    }
    h1.note {
    background-image : url(../images/icons/note.png);
    }

    h3.section {
    background-color:#fff;
    border:2px solid #eee;
    border-top: 2px solid #f1f1f1;
    border-bottom: 2px solid #ccc;
    background-image : url(../images/icons/section.png);
    background-repeat : no-repeat;
    background-position:0 6px;
    padding: 15px 0 15px 55px;
    text-shadow: 0 1px 0 #fff, 0 0 2px #666;
    }
    form {
    width:99%;
    display: inline-block;
    }

    3. Файл template.css
    #footer {
    font-size: 10px;
    clear: both;
    width: 100%;
    overflow: hidden;
    text-align:center;
    padding:10px 0;
    }
    #footer, #footer a {
    color: #151515;
    text-shadow: 0 1px 0 #fff;
    }
    #subfoot {
    min-height: 15px;
    line-height: 15px;
    width: 100%;
    background: #353535;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #222;
    }
    .copytext {
    padding: 3px 0;
    font-size: 11px;
    text-align:center;
    color: #000;
    text-shadow: 0 1px 0 #555;
    }
    #copyout, #copy a {
    color: #000;
    text-shadow: 0 1px 0 #444;
    }
    #copyout {
    height: 50px;
    margin: 0 -16px 0 -16px;
    padding:0;
    background:#333;
    position:relative;
    border-top: 1px solid #444;
    border-left:1px solid #444;
    border-right:1px solid #444;
    border-bottom:2px solid #555;
    overflow:visible;
    }
    .ceckl {
    width: 0; height: 0;
    line-height: 0;
    border-left: 14px solid transparent;
    border-bottom: 10px solid #222;
    top: -11px;
    left: 0;
    position: absolute;
    }
    .ceckr {
    width: 0; height: 0;
    line-height: 0;
    border-right: 14px solid transparent;
    border-bottom: 10px solid #222;
    top: -11px;
    right: 0;
    position: absolute;
    }

    #scroll_up {
    float: right;
    width: 10%;
    }
    a#gotop {
    color: #fff;
    display:block;
    height:50px;
    line-height:45px;
    width:100%;
    text-align:center;
    text-shadow: 1px 1px 1px #000;
    }
    a#gotop:hover {
    text-decoration:none;
    text-shadow: 1px 1px 0 #777, 4px 4px 4px #000;
    }
    #copy {
    font-size:10px;
    width: 80%;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 10%;
    text-align:center;
    }
     

Поделиться этой страницей

Загрузка...