X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Картинки сдвигаются при изменении разрешения экрана
Andrey Gor
Andrey Gor
Topic Starter сообщение 11.3.2013, 13:00; Ответить: Andrey Gor
Сообщение #1


Помогите начинающему решить проблему. Есть некая начальная страница, на которой две картинки-ссылки, ведущие на разные сайты. При разрешении экрана 1280х1024 эти картинки располагаются нормально, как прописано в СSS. При нажатии Ctrl(-), картинки смещаются влево относительно центра, при нажатии Ctrl(+) - вправо. Как сделать чтобы они не сползали?
код
<head>
<title>Страница Приветствия</title>
</head>
<body bgcolor="#330000" weigth=100%>
<p align="center">
<tr>
<table><td width="1024"><img src="images/welcome.jpg" alt="Шах Лав Вест" width="1024" height="750" /></td>
<div style="position: fixed; left: 280px; top: 520px; width: 48px; height: 36px;"><a href="index.php?option=com_content&amp;view=featured&amp;Itemid=435"><img src="images/icon/rus_flag.png" alt="eng flag" width="48" height="36" /></a></div>
<div style="position: fixed; left: 940px; top: 520px; width: 48px; height: 36px;"><a href="http://shah-lav-west.ru/"><img src="images/icon/eng_flag.png" alt="rus flag" width="48" height="36" /></a></div>
</table>
</tr>
</table>
</body>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bartle96
Bartle96
сообщение 11.3.2013, 16:47; Ответить: Bartle96
Сообщение #2


Зачем вы картинки делаете с абсолютным позиционированием?
Почитайте div верстка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Andrey Gor
Andrey Gor
Topic Starter сообщение 13.3.2013, 4:57; Ответить: Andrey Gor
Сообщение #3


(Bartle96 @ 11.3.2013, 19:47) *
Зачем вы картинки делаете с абсолютным позиционированием?
Почитайте div верстка


Почитал.Переписал вот так
<head>
<title>Пример</title>
<style type="text/css">
body {
background:#420200;
background-image:url(http://shahlavwest.ru/images/welcome.jpg);
background-repeat:no-repeat;
background-position:center
}
.flag_1 {
float: left;
padding: 500px 0px 0px 220px
}
.flag_2 {
float: right;
padding: 500px 220px 0px 0px
}
</style>
</head>
<body>
<div class="flag_1"><a href="http://shahlavwest.ru/index.php"><img src="http://shahlavwest.ru/images/icon/rus_flag.png" alt="rus flag" width="48" height="36" /></a></div>
<div class="flag_2"><a href="http://shah-lav-west.ru/"><img src="http://shahlavwest.ru/images/icon/eng_flag.png" alt="rus flag" width="48" height="36" /></a></div>
</div>
</body>

Теперь, при уменьшении экрана,флаги разлетаются в стороны. Как же их обуздать-то??

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
6 stu999 1553 21.3.2024, 20:45
автор: stu999
Открытая тема (нет новых ответов) От какого экрана будут меньше уставать глаза OLED или IPS?
3 metvekot 984 12.3.2024, 16:25
автор: MisterBit
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКто и зачем покупает картинки обезьян по $200 тысяч?
NFT
167 metvekot 27104 6.3.2024, 21:58
автор: Boymaster
Открытая тема (нет новых ответов) Подборка экрана к ноутбук
12 L1nk_321 2534 5.3.2024, 14:10
автор: AlenaHead
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2179 24.10.2022, 19:23
автор: Wachowski


 



RSS Текстовая версия Сейчас: 29.3.2024, 19:43
Дизайн