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



 

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

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

Открыть тему
Тема закрыта
> сделать не испортив вёрстку.
2.71
2.71
Topic Starter сообщение 1.2.2008, 13:41; Ответить: 2.71
Сообщение #1


Добрый день!
У меня следующая проблема. Есть сверстанная страничка. На ней фотки раньше были кликабельными и открывались в новом окне. А теперь нужно сделать чтобы когда наводишь на них мышку они должны изменяться в размерах.
В общем виде можно записать что фотки выглядят так:
<div>
<img ...>
<img ...>
<img ...>
</div>
Если сделать увеличение картинки, то она увеличиваясь тянет за собой всю вёрстку. И она портится.
Если сделать дополнительный <div> и в него уже запихнуть картинки, то портится вёрстка. Можно ли как - нибудь вытащить <div> отдельно от остальной вёрстки т.е. вставить тег, чтобы, но чтобы он не был отдельно вложенным в какой - нибудь другой тег?

Всем спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 1.2.2008, 14:30; Ответить: Webmaster_hb
Сообщение #2


2.71, сделайте отдельный слой и положите в него каждую картинку
position:absolute
z-index:10
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2.71
2.71
Topic Starter сообщение 4.2.2008, 18:05; Ответить: 2.71
Сообщение #3


да. так всё получается. единственная проблема - когда изменяются размеры окна браузера картинки так и остаются на своих местах потому что позиция абсолютная. может можно как-нибудь по-другому исправить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 4.2.2008, 20:21; Ответить: Webmaster_hb
Сообщение #4


2.71,
так сделайте слой 100х100% т.е. на весь экран и сверстайте также как и основной слой, тогда и картинки будут все на своих местах

а изначально как вариант, можно зарезервировать место под большие картинки, чтобы увеличиваясь они ничего не двигали
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 4.2.2008, 20:30; Ответить: Exterior
Сообщение #5


2.71, когда-то мне попадался на глаза яваскрипт всплывающей подсказки (title), так в нее можно вкладывать как текст, так и изображения. Смысл такой - при наведении на ваше уменьшенное изображение, появляется подсказка с полноразмерным изображением. Если такой вариант пойдет - могу поискать.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2473 27.2.2024, 2:15
автор: AndrePro
Открытая тема (нет новых ответов) Сделать дорвей
0 tok24ua 933 28.8.2023, 20:59
автор: tok24ua
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2303 20.5.2023, 10:45
автор: EvilGomel
Открытая тема (нет новых ответов) Сколько стоит сделать шаблон для WP?
изучаю цены
3 Palundra 2400 2.4.2022, 3:06
автор: WebSuccessful
Открытая тема (нет новых ответов) Как сделать поддомены, чтобы не склеило?
0 Yuliya1982 933 29.11.2021, 5:26
автор: Yuliya1982


 



RSS Текстовая версия Сейчас: 18.4.2024, 7:23
Дизайн