Css help

Не могу никак разобраться, как сделать что бы заголовок(картинка) находился по середине страницы?

Код: [развернуть]

<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: , но приходиться чуть ли не по миллиметру подгонять картинку по центру((

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

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

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

FXIX писал:

<h3><img src=”” /><span>Заголовок</span></h3> h3 {text-align:center;} h3 span {display:block; text-align:center;}

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

Mika ага оно спс

Gidz писал:

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

Тогда лучше так:

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

Gidz писал:

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

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

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

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