Сегодня у меня день вёрстки, приступила к вёрстке самого главного и трудоёмкого (там же ещё и много) - галереи. В начале, когда типовое делаешь в первый раз, возни много, надо, чтобы работало, потому что в этой вёрстке будут работать и другие страницы, все отступления предусмотреть, прописать, да ещё чтобы в других браузерах и разрешениях работало. В общем, вожусь. И угрохала кучу времени, чтобы картинки-гиперссылки в галерее при наведении мышки обрастали красненькой обводкой. Это можно сделать через CSS, можно через Javasсript. Скрипты я не знаю, пользуюсь вот одним, но без понимания, как дали его мне когда-то на курсах, так и тыкаю, где можно. окошки чтоб открывались строго нужного размера и без панели управления (это когда полный вариант картинки открывается), меняю там, что надо, и фигачу. В принципе, меня когда-то учили, что есть такой скрипт onMouseClick, но синтаксис мне непонятен, образцы из сети не помогли. Зато с CSS в целом дружу. Написала, прикрутила, не работает. Поискала в сети, нашла ошибки, сделала, работает. Но проблема: когда появляется бордер, у него же есть своя толщина. При хоть немного резиновой вёрстке (не были прописаны ширина-высота ячеек в таблице), этот бордер начинает раздвигать другие элементы, в итоге вся галерея дёргается. Если б я предполагала зум, это было бы даже логично, но нет. Пришлось фиксировать параметры ячеек, а это много лишнего кода. Не нашла, как этого избежать, типа, чтобы не дёргались или чтобы бордер появлялся внутри картинки, по периметру, но внутри, а не снаружи, эх. Ну ладно. Работает же.
Вёрстка. Бордер вокруг картинки-гиперссылки
uele
| пятница, 30 января 2015