Новая тема   Ответить

 Gidz
Не могу никак разобраться, как сделать что бы заголовок(картинка) находился по середине страницы?
<h3><img src=”” />Заголовок</h3>

h3 {
height:46px;
width:435px;
overflow:hidden;
position:relative;
}

h3 img {
z-index:1;
position:absolute;
top:0;
left:0;
}
пока спасаюсь margin-left: , но приходиться чуть ли не по миллиметру подгонять картинку по центру((

 FXIX
<h3><img src=”” /><span>Заголовок</span></h3>

h3 {text-align:center;}
h3 span {display:block; text-align:center;}

 Mika
добавь в свойства h3:
margin: 0 auto;

 Gidz
FXIX писал:
спасибо) только display:none; наверное

Mika ага оно спс

 Yacc
Gidz писал:
Тогда лучше так:

<h3 align="center"><img alt="Заголовок" src=”” /></h3>

 FXIX
Gidz писал:
не наверное. display:none; удаляет блок из DOM. display:block; делает инлайновый элемент блоковым.
margin: 0 auto; имеет смысл когда блок имеет ширину (а по умолчанию h3 - имеет ширину родительского блока, т.е. 100%) отличную от ширины родителя, и тогда это свойство выравнивает этот блок (а не вложенные) по-середине

 Gidz
Ну у меня в таком виде текст появляется под картинкой, а мне нужно что бы он был невидим, или виден если картинка не загрузилась.

 FXIX
а ну тогда alt и title у картинки пропиши