| |
|
|
| | Перепробовал разные способы, не работает.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>under construction</title>
</head>
<body>
<img src="UnderConstruction.jpg" alt="Page Under Construction" />
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: volodumir
(24.07.2011 в 01:04)
| | | Margin: auto пропиши в стиле картинки | |
| |
|
|
| |
|
|
| |
для: TavRoX
(24.07.2011 в 03:06)
| | |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>under construction</title>
<style type="text/css">
#pic {
margin:auto
}
</style>
</head>
<body>
<img src="UnderConstruction.jpg" alt="Page Under Construction" name="pic" id="pic" />
</body>
</html>
|
Так?
Не работает. | |
| |
|
|
| |
|
|
| |
для: volodumir
(24.07.2011 в 01:04)
| | | относительно всей страницы? | |
| |
|
|
| |
|
|
| |
для: f111
(24.07.2011 в 13:05)
| | | Да. | |
| |
|
|
| |
|
|
| |
для: volodumir
(24.07.2011 в 21:13)
| | | Может быть так?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>under construction</title>
<style type="text/css">
img {
width: 300px; /* размер своего изображения */
height: 200px; /* размер своего изображения*/
position: absolute;
left: 50%;
top: 50%;
margin: -100px 0 0 -150px; /* вернутся на половину от размера изображения по вертикале и горизонтале */
border: 1px solid #000000;
}
</style>
</head>
<body>
<img src="UnderConstruction.jpg" alt="Page Under Construction" />
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: magic
(25.07.2011 в 00:58)
| | | Картинка смещена вправо вниз, но не в центр. | |
| |
|
|
| |
|
|
| |
для: volodumir
(25.07.2011 в 10:09)
| | | Может вы не правильно выставили margin:. Top и Left начинают отсчет от левого верхнего угла, поэтому нужно вернуться на половину вашего блока (изображения), чтобы там у вас встало по середине. Это будет работать при position:absolute;
P.S. HTML код проверен во всех браузерах, на 100% работает. Сам не раз использовал. | |
| |
|
|
| |
|
|
| |
для: magic
(25.07.2011 в 10:45)
| | | Вот посмотрите:
http://bxd.com.ua/ У меня не по центру во всех браузерах. | |
| |
|
|
| |
|
|
| |
для: volodumir
(25.07.2011 в 19:49)
| | | Ну если я не ошибаюсь Вы перепутали отступы, margin начинается сверху и по часовой стрелке право, низ, лево. Надо поменять местами margin: -300px 0 0 -400px;. border: 1px solid #000000; это для отладки, что бы видеть границы. Если Вам не надо граница изображения, можно стереть. | |
| |
|
|
| |
|
|
| |
для: magic
(25.07.2011 в 22:57)
| | | Огромное спасибо. | |
| |
|
|
