Проблемы после перевода сайта на друпал.
Собственно в IE все отлично, а вот в некоторых других браузерах (Opera, FireFox) есть проблемы:
1) На каждой странице сайта имеется изображение, которое состоит из нескольких частей, и каждая часть находится в ячейке таблицы. И почему то все части картинки отделены друг от друга пропусками, т е как бы границы ячеек таблицы обозначаются (хотя до перевода во всех браузерах отображалось все без пропусков, как надо). Не знаю, что с этим делать. Может кто подскажет.
2)И еще. На сайте есть страничка-галерея с изображениями картин. При щелчке на какой-нибудь из картин, обрабатывается след JS код (goLocation - путь к изображению, x и y - размеры):
var v=parseInt(navigator.appVersion);
isNetscape=navigator.appName.indexOf('Netscape')>=0;
isExplorer=navigator.appName.indexOf('Explorer')>=0;
if(v>=3) self.focus();
function popupWindow(goLocation, x, y) {
ww=x; wh=y;
positionCode='';
if(v>=4) {
sw = screen.width;
sh = screen.height;
wbx = Math.round((sw-ww)/2);
wby = Math.round((sh-wh)/2);
if(isExplorer) positionCode='left='+wbx+',top='+wby+',';
if(isNetscape) positionCode='screenX='+wbx+',screenY='+wby+',';
}
newWindow=window.open('','img','width='+ww+',height='+wh+','+positionCode+'toolbar=0,scrollbars=0,resizable=0');
docUpdate(goLocation, ww, wh);
newWindow.focus();
}
function docUpdate(imgLocation, w, h){
newWindow.document.open();
newWindow.document.write(здесь описывается открываемое окно с картинкой imgLocation, которая имеет размеры w и h);
newWindow.document.close();
newWindow.focus();
}
Т е предполагается открытие изображения в новом окне с размерами, подгоняемыми под картинку. В IE все работает отлично. Но в других браузерах после клика на изображении новое окно не открывается, а просто происходт обновление самой страницы-галереи. Хочу заметить, что в опере JS включено и до перевода сайта на друпал все работало хорошо и в опере и в ИЕ. Как справиться с этой проблемой?
Комментарии
1- твои CSS-селекторы перекрываются стандартными от друпала, бери firebug и смотри.
2-проверил твой код в FF3 и Опере - все работает как надо. Пример прицепил, может что не так записал. Только в окно написал просто текст.
1. При задании таблицы надо указать cellspacing="0" cellpadding="0" border="0"
Спасибо, что откликнулись на мою проблему, но:
1)cellspacing="0" cellpadding="0" border="0" я прописывал всегда для каждой таблицы, но толку никакого. Посмотрел через firebug, пробовал поискать ошибки - тоже не помогло (повторюсь, в IE все нормально работает). Как еще можно исправить стандартные друпаловские CSS и что именно надо исправлять (я в этом деле пока не очень разбираюсь - новичок)?
2)Перепроверил свой JS-скрипт. Дело в том, что данные в это скрипт передаются следующей командой php-скрипта ($rispath - путь к рисунку; $gor1, $gor2, $ver1, $ver2 - размеры):
см 1.txt
Видимо, вся проблема в том, что опера или фф не знают следющие кавычки ``. И, кстати, firebug выдал следующее на каждое изображение (по моему, полный бред):
см 2.txt
Можно ли как то по другому обратиться к скрипту, не использую сразу три вида кавычек?
Реально намудрил с ковычками
Если так переписать:
<?php
echo "<img src= '$rispath' width='$gor1' height='$ver1' alt='' border='0' title='посмотреть' onClick=" . '"popupWindow('. "'$rispath', '$gor2', '$ver2'); return false;>". '"';
//
//
//
?>
Результат в firebug
Соответственно переменные от балды присвоил.
//
//
//
Воспользовался предложенным скриптом - не помогло, даже хуже: при щелчке на любом изображении открывается главная страница сайта (причем уже в любом браузере). Может есть еще какие-нибудь варианты?
P.S. Да, и может кто подскажет, как все-таки подправить стандартные друпаловские CSS, чтобы с таблицами проблем не было.
Скрипт, твой - просто я убрал лишние кавычки. Смотри внимательно в свой код. Я больше ничем не могу помочь. Разве что посмотрю твою страничку со всеми файлами.
А CSS Друпала не надо править, их надо убирать из своего проекта или замещать CSSселекторы своими.
Как убрать читай - http://drupal.ru/node/22519
Для твоих задач с всплывающими окнами подойдет lightbox2
Мои аналогичные готовые решения: http://panperm.ru/nedvizhimost/krylya
Вверху просто всплавающая картинка, внизу - скрестил с каруселью.
Ух, с всплывающими окнами я разбрался (чуть-чуть подправил предложенный мне фрагмент кода и все заработало).
А вот с CSS ничего не получилось. Собственно, вот сам сайт http://siyaj-art.mrsu.ru (чтобы увидеть проблему, открывать в опере или мозиле). Что можно сделать, чтоб картинка была сплошной, а не "разрезанной"?
Думаю тебе лучше спросить у своего верстальщика, или закажи шаблон нормальному, а тому кто этот шаблон делал..... Я голову в твоих таблицах поломал, нельзя было одну таблицу сделать а не 10;). У тебя куча какого-то не используемого кода. Скрипты почему-то в таблицах прописаны, их спокойно в head можно прописать, а если в надо обязательно в body - дак и пропиши в самом начале.
И загрузку style.css зачем в теле шаблона прописал?
Возими в руки firebug с помощью его увидишь кучу своих проблем.
А сделать Друпал-шаблон из правильного HTML, который правильно везде отображается, недолго, максимум один день, даже меньше (сводится просто к расстановке переменных).
Так-же можешь снова здесь написать, типа помогите с версткой;)Соответственно дав ссылку на сайт. Может - кто и откликнется. Ради компании очаровательных девушек;) Здесь на сайте есть грамотные верстальщики.
Разве что вот 2- лишних серых полоски
вверху:
border-top:1px solid #CCCCCC;
}
внизу
border-bottom:1px solid #BBBBBB;
Да и всплывающие картинки ч/з lightbox2 проще, симпотичнее и удобнее.
Лайтбокс может и проще, но удобнее было свое доработать... Но огромное спасибо за советы, попробую че-нить сотворить с таблицами)))