Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Центрирование изображения

Автор: ДобренькийПапаша 14.5.2008, 13:05

Вот что требуется конкретно, есть одно большое изображение, надо его сделать полностью по центру экрана...как не знаю((((, подскажите...

После центрирования, надо чтобы с трёх сторон от этого изображения, были ещё три изображения, фактически приклеяные к нему, только это отдельные изображения, как их так присоединить чтобы при разных разрешениях они не убегали от главного большого изображения...

Автор: MoLeX 14.5.2008, 13:14

а через таблицы не пробывал сделать?

Автор: Wolf1994 14.5.2008, 13:20

IMHO, такую задачу можно решить только через JS.

Автор: Demonis 14.5.2008, 15:14

Сделайте общий контейнер, в него поместите ваши изображения и примените к контейнеру свойство css - margin: 0 auto;

Код


<div id="main" style="margin: 0 auto;">
<img src="img_left.jpg" align="left" />
<img src="img_big.jpg" align="left" />
<img src="img_right.jpg" align="left" />
</div>

Контейнеру изображений поставьте фиксированную ширину, равную ширине всех изображений помещенных в него.

Автор: ДобренькийПапаша 14.5.2008, 15:50

Я нахожусь у ся на центральной странице, нужно сделать проверку разрешения типа если 800 на 600, то загрузить другой html файл в данную страницу, как это сделать?

Это поможет мне решить эту тему...

Автор: SelenIT 14.5.2008, 15:57

Цитата(ДобренькийПапаша @ 14.5.2008, 15:50

)

Это поможет мне решить эту тему...

Ничему это не поможет, кроме как хорошо спрятать свой HTML от поисковиков smile

Выше уже предложили два нормальных решения - общий контейнер и таблица (по сути тоже общий контейнер). Чем именно не устраивает?

Автор: ДобренькийПапаша 14.5.2008, 17:51

Контейнер помог, спасибо большое!

Автор: ДобренькийПапаша 14.5.2008, 18:20

мдя...господа))))
на этом прикол не заканчивается((((

следующий код прекрасно работает, именно так как мне надо:

Код


<html>
<head>
<title>Armenian Power</title>
</head>
<body bgcolor=black>

<center>
<div id="main" style="margin: 0 auto; width=614px">


<img src="file://D:\Site\Pictures\AboutUs2.jpg" align="center" />
<img src="file://D:\Site\Pictures\Catalog2.jpg" align="left"/>

<img src="file://D:\Site\Pictures\Deliver3.jpg" align="right"/>
<img style="border:silver solid 4px" src="file://D:\Site\Pictures\ArmenianPower4.jpg" 
align="center"/>
</div>
</center>
</body>
</html>

но только в IE, в Лисе и Опере контейнер такое ощущение не действует, что ли... изображения абсолютно разрозненны...вопрос ЧТО ДЕЛАТЬ?))))

Автор: Demonis 14.5.2008, 19:12

Код


width=614px"

На

Код


width: 614px"

Автор: ДобренькийПапаша 14.5.2008, 19:17

Спасибо огромное за помощь нубу в великом деле Вёрстки)))