Xwab

IceJOKER

Есть картинка , рядом ссылка и рядом текст заключенный в <h1> тег, когда тег убираю , то все выводится рядом , а если оставить тег , то текст выводится ниже ссылки - как выровнить без таблиц?

17 Окт 2012, 13:52

IceJOKER

<div id="content">
<div class="caption_block">

{if $smarty.server.REQUEST_URI neq '/'}
<span style="font-size: 12px;"><a href="/">Главная страница</a> -> </span>
{/if}

<center><h1>{CAPTION}</h1></center>

</div>
<div style="float:left; margin:-35px 0 0 0; padding:0 0 0 5px;">{strip}{CHTO-TO}{/strip}</div>
{CONTENT}
</div>

div#content{ background: url(../img/bottom_right.gif) left top repeat-x; width:748px; float:left; margin:0px; min-height:800px;}
.caption_block{ background:#007dfe url(../img/head_content.gif) 10px no-repeat; margin:0; padding:8px 0 8px 100px; width:572px; color:#FFF; }
.caption_block h1 {vertical-align: baseline; font:Arial, Helvetica, sans-serif; font-size:16px; text-transform:none; font-weight:bolder; margin:0;padding:0;}
div#content a {color:#eff40b; margin-left:1px;}

17 Окт 2012, 13:58

Pisatel

<h1> сам начинается с новой строки и после закрытия делает перенос. Попробуй
Css:
.caption_block h1 {
display: inline;
/*или*/
display: inline-block;
}
добавлено спустя 13 минут:
Попробуй еще такой вариант, вместо h1:
<span style='font-size: 120%; font-weight: bolder;'>TEKCT</span>
Либо через css:
.span {
font-size: 120%;
font-weight: bolder;
}
Вывод:
<span style='span'>TEKCT</span>

21 Окт 2012, 6:46

IceJOKER

Pisatel, тег этот непросто так там стоит )))
я про <h1>

23 Окт 2012, 12:33

m-r.Nemo

IceJOKER, попробуй добавить стиль,

<h1 style="display: inline-block;">{CAPTION}</h1>

24 Окт 2012, 2:22

Pisatel

Ну тогда в css для него стиль сделай
m-r.Nemo, так тоже верно, но это не совсем "чистый" код, в смысле, я тоже, конечно, грешу подобным, но лучше стили задавать в файле .css
добавлено спустя 8 минут:
IceJOKER, "не просто так"- тег h1 должен означать заголовок. Вообще, любая его правка раньше воспринималась пс не очень хорошо, поэтому и рекомендую: если это не заголовок- выделить через <span>.

24 Окт 2012, 5:44

m-r.Nemo

Pisatel, а что делать то, ведь на большом сайте может получится файл стилей длинной в километр, если например надо изменить стиль в одном теге и только на одной странице то я предпочитаю так делать, а если такая ситуация встречается часто, тогда лучше через стиль.

25 Окт 2012, 2:35

Pisatel

m-r.Nemo, поэтому я и написал, что тоже грешу подобным

29 Окт 2012, 16:28

higimo

адские грешники, изучайте основы дизайна, хватит делать сайты–попугаи.

Автор, советую отказаться от h1 тега в этом месте, а если надо его стили изменить, то убери у него margin & padding для начала

23 Ноя 2012, 13:29