Это MWEB.RU

**Muerto** Пт май 16, 2008 12:27

2Владимир: Сенкс, с русским у меня со школы беда, а проверять вордом ленюсь.
В CSS поставь body {padding:5px; margin:5px;} или сколько там тебе захочится.

**Muerto** Пт май 16, 2008 12:28

2Kat: Так тема поста полностью отражает смысл форума.

**Владимир** Пт май 16, 2008 12:50

Чето не помогает... Посмотри, может я в цсс не так прописал? Самый простой способ посмотреть мой цсс следующий:
1. Нажать на ссылку в подписи
2. На стартовой странице нажать "секретную" ссылку - на акулу
3. В столбике "Запустить" нажать ссылку kvv.css

**Muerto** Пт май 16, 2008 12:59

2Владимир: У меня есть "секретный" плагин для ФФ - developer tools называется. -06-

Код: Выделить всё:  <script type="text/javascript"></script>

перенеси вниз страницы.

**Владимир** Пт май 16, 2008 13:08

Во это помогло... А будет ли счетчик правильно работать? В инструкции было написано, что его надо ставить в самое начало страницы. А че в твоем девелопере секретного - по-моему лежит свободно в сети...

**Muerto** Пт май 16, 2008 13:47

2Владимир: Я утрировал, намекая на твою "секретную" акулу. Счетчик будет отлично работать в любом месте тела страницы.

**Владимир** Пн май 19, 2008 10:59

Спасибо, щас переношу все счетчики вниз, попутно решил немного "причесать" страницы и столкнулся с проблемой. Хочу стили всех таблиц убрать в CSS. Раньше таблица центрировалась по горизонтали с помощью тега align="center". Почитав, как центрировать с помощью стилей (margin:0 auto;) вот здесь http://www.htmlbook.ru/faq/?a=64 я написал стили для своих таблиц:

Код: Выделить всё: table.main, table.menu {width:1000px; margin:0 auto; border:0; border-collapse:collapse}

Соответственно указал класс <table class="menu">
Однако в ФФ они действительно центрируются, а в ИЕ нет. В чем тут заковыка?

**Berezkin** Пн май 19, 2008 11:23

IE не понимает значение auto у margin'a. Для IE придется писать отдельный стиль.
Если ширина таблицы фиксированная, то проще всего сделать так:

Код: Выделить всё: table.menu { width: 1000px; left: 50%; margin-left: -500px; }

**Владимир** Пн май 19, 2008 11:32

Че то не то, ибо видно только полтаблицы... Я хоть и мало пока разбираюсь в дебрях ХТМЛ, но по-моему margin-left: -500px; как раз ее и сдвигает влево за пределы экрана на половину ширины...

**Berezkin** Пн май 19, 2008 12:15

Ах да, сорри, надо еще абсолютно позиционировать таблицу, забыл -06-

Вот пример:

Код: Выделить всё: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <style> body {padding: 0px; margin: 0px;} table.main { position: absolute; background: #cecece; border: #ff0000 1px solid; width: 500px; height: 500px; left: 50%; margin-left: -250px; } </style> <body> <table class="main"> <tr> <td></td> </tr> </table> </body> </html>

**Владимир** Пн май 19, 2008 12:55

Да, действительно работает, спасибо, но это если таблица одна, а у меня их на каждой странице 3: (посмотреть можно любую страницу моего сайта, нажав на ссылку внизу)
1-я таблица - верхнее меню
2-я таблица - основной текст
3-я таблица - нижнее меню
Я хотел сделать стиль, чтобы задав его во все этим таблицы, они стали по центру. Поскольку здесь применяется абсолютное позиционирование, то как нетрудно догадаться, они накладываются друг на друга. В качестве выхода вижу лишь объединение трех таблиц в одну, однако это потребует довольно много переделки, либо центрировать их каким-то другим образом, не используя абсолютное позиционирование. А каково будет мнение грамотного специалиста?

**Berezkin** Пн май 19, 2008 14:36

2Владимир: Можно засунуть все, что есть на странице, например, в <div>, а его уже позиционировать. Тогда все, что внутри дива останется на месте.

О! Кстати, только что попробовал позиционировать относительно, тоже работает. И не нужен дополнительный контейнер.

Код: Выделить всё: <style> body {padding: 0px; margin: 0px;} table.main { position: relative; background: #cecece; border: #ff0000 1px solid; width: 500px; height: 250px; left: 50%; margin-left: -250px; } </style>

**Владимир** Вт май 20, 2008 11:10

Ага, действительно работает, спасибо. Исправил все это хозяйство на всех страницах. Пытаясь разобраться в этом вопросе, наткнулся на следующий ресурс http://www.seo-copywrite.ru/web12/ - тут собраны воедино все методы центрирования. Хотя, я думаю, Вы и так все знаете, а мне было почитать весьма познавательно. Последний пример - как раз Ваш совет со всеми объяснениями, только position: absolute мы заменили на relative.
Потратил изрядное кол-во времени для исправления ВСЕХ ошибок на сайте, сейчас их вроде нет совсем. Если кому интересно - можно посмотреть результат чистки, нажав на "акулу" на главной странице.

Вот есть небольшой вопросик походу. Есть изображение линии, толщиной в 1 пиксел, которую нужно использовать в качестве верхней и нижней границы клетки таблицы. Тег border-bottom-style не имеет аттрибута URL, значит надо какой-то обходной путь. Есть идеи? Я думаю положить в background и как-то позиционировать? Но ведь изображения два... Или как-то еще?
Попробовал так:

Код: Выделить всё: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> .lines {background: url(http://www.colormusic.ru/img/line.gif) no-repeat top left} td.lines {background: url(http://www.colormusic.ru/img/line.gif) no-repeat bottom left} </style> </head> <body> <table width="1000" align="center" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="lines">XXXXXXXXXX</td> </tr> </table> </body> </html>

Хотя вот здесь http://www.seo-copywrite.ru/web11/ с дивами такой фокус работает...
Да, вот доделал страничку "Поддержка" http://www.colormusic.ru/support.html и "комплект_2" www.colormusic.ru/komplekt_2.html , посмотрите, если кому интересно... Анимацию на них на досуге пооптимизирую, а то тяжеловаты... Нелегкое это дело в блокноте графику и анимации рисовать...

**Владимир** Пн июн 02, 2008 9:43

Че то форум наш совсем прокис, две недели вопрос висит без ответа, видать дюже сложный ...

**Muerto** Пн июн 02, 2008 20:33

2Владимир: Наверное в твоём случае надо делать промежуточные строки с твоими гифами. Между ячейками. Это сильно увеличит код, поэтому от этого лучше отказаться вовсе.

**Владимир** Пн июн 02, 2008 22:49

Понятно. Тогда вот еще вопросик на засыпку. Есть клетка таблицы. В ней нужно открыть страницу, напрмер www.mypage.ru Можно ли то как-то сделать?

**Padonak** Вт июн 03, 2008 8:23

2Владимир:

Код: Выделить всё: <tr> <td> <iframe id="myframe" width="100%" frameborder="0" src="http://www.mypage.ru"></iframe> </td> </tr>

**Владимир** Сб июн 14, 2008 9:23

Спасибо за совет, это оказывается совсем не сложно, надо немного фреймы поизучать. Займусь этим на даче, уезжаю сегодня на 3 недели. Если сделаю инет на даче, то сообщу. На сегодняшний день сделано 16 страниц и вылизано все без ошибок. Хоть и простенько для начала, но зато вроде более-менее грамотно, злой валидатор не ругается. Кому интересно - можно ткнуть акуле в морду на главной странице. На подходе еще 5-6 новых страниц, вот ими на даче и займусь. Но это, конечно, если будет фиговая погода, ибо если будет хорошая, то буду строить и заниматься огородом.
Ее раз хочется поблагодарить всех человеков, которые помогают другим продираться сквозь дебри ХТМЛ к вершине знаний. СПАСИБО!
На 3 недели ушел в оффлайн...

**Muerto** Вт июн 17, 2008 18:01

2Р’Р»Р°РґРёРјРёСЂ: Сделай светомузыку сам.
P.-S. Специально не стал править обращение. Ссылка предназначалась Владимиру, а то как она отражается при клике на ник в Опере 9.5 - Киперу.

**Владимир** Пн июн 30, 2008 17:43

Добрый всем день!
Muerto, спасибо за ссылку, я ее обязательно добавлю на сайт.
Давно не мучил вас своими вопросами, ибо стараюсь во всем разбираться сам. Но вот попал в ситуацию из которой сам точно не выберусь...
Сейчас нахожусь в отпуске на даче. Чтобы не прекращать работы над сайтом взял с собой на дачу компютер и пол-отпуска занимался переделкой сайта. В частности сделал многоуровневое меню, ибо кол-во страниц все растет и растет. Покопавшись в своих архивах выкопал какую-то прогу для создания меню. Даже не прогу, а набор скриптов и методику их конфигурации. Потратил пол-отпуска на их изучение, создал меню на их основе, воткнул на все свои страницы и отладил. Все было хорошо. Но вот закончил работу и закинул все это хозяйство в интернет. И надо же какая подлянка! В ИЕ при наведении мышки на ссылку перехода на главную страницу вылезает контроль какой-то лицензии OpenCube! Причем и перейти на эту страницу невозможно, ибо ее уже нет (скрипты у меня были не первой свежести). На локальном компе все было хорошо. Попытался полазить по скриптам - но некоторые нормальные текстовые, и там конечно этого ничего нет, а другие как-то закодированы. Вобщем полмесяца работы коту под хвост. Может кто-нить подсказать выход из этой ситуации?

Вот набор скриптов:
http://www.colormusic.ru/menu/menu.js
http://www.colormusic.ru/menu/menu_settings.js
http://www.colormusic.ru/menu/menu_styles.css
http://www.colormusic.ru/menu/pbrowser_dom.js
http://www.colormusic.ru/menu/pbrowser_ie.js
http://www.colormusic.ru/menu/pbrowser_iemac.js
http://www.colormusic.ru/menu/pbrowser_ns4.js
http://www.colormusic.ru/menu/pbrowser_opera.js
http://www.colormusic.ru/menu/pmenu_ns4_styles.js

Как бы отключить эту лицензию? Очень жалко столько трудов - все заново переделывать... -26-

**Muerto** Пн июн 30, 2008 18:34

2Владимир: Выложи куда-нибудь вариант с этим лишним пунктом или пришли мне целиком архивом .

**Muerto** Пн июн 30, 2008 18:48

Опс, на сайт то я и не посмотрел. Ок, к завтрему найду.

**Владимир** Пн июн 30, 2008 20:02

Блин, че еще-то выслать надо? Я же все файлы в этом деле участвовавшие показал списком - тыкаешь в него и читаешь... (ну те, которые читаются, некоторые как-то хитро закодированы). Те, которые текстовые - я адаптировал под себя - и весьма красиво получилось, если бы не эта хрень...
Могу еще показать как они подключаются - но это и дураку понятно ...

Код: Выделить всё: <link rel="stylesheet" href="menu/menu_styles.css" type="text/css"> <script language="JavaScript1.2" src="menu/menu_settings.js"></script> <script language="JavaScript" type="text/javascript" src="menu/menu.js"></script>

Ну а выглядит ето дерьмо (только в инете и только в ИЕ, в ФФ его нет, а в других броузерах не проверял - нет их у меня)

Блин, как же медленно с дачи инет через мобилу работает... Хотя с другой стороны - и на том спасибо...
Ну, как ты понимаешь пиво за мной не заржавеет, вот только в Москву приеду, надо будет с тобой пообщаться - давно не виделись...

**Muerto** Пн июн 30, 2008 20:55

2Владимир: Для начала попробуй перед закрытием тега body вставить

Код: Выделить всё: <script type="text/javascript"> function rf() {return false;} document.getElementById("cdd_item0_0_relicon").attachEvent("onMouseOver", rf); </script>

И пришли мне всё-таки в архиве всё когда вернешься.

**Владимир** Вт июл 01, 2008 7:56

Вот выложил исходный архив по твоей просьбе. Правда непонятно, зачем ждать, когда я вернусь. Я же написал что работаю на даче интернетом через мобилу - медленно конечно, но все же лучше, чем ничего.
Ссылка на архив: www.colormusic.ru/000/menu.rar
Да, предыдущий совет еще не пробовал, думаю оставить его на "потом", ибо как я понимаю это надо вставлять на все страницы, а их у меня уже 20, может тебе удастся найти, где бы это исправить в скрипте, тогда надо будет исправить всего один файл. По-моему внутреннему предчуствию для такого серьезного спеца как ты, это не должно составить большого труда.

**Muerto** Вт июл 01, 2008 9:18

2Владимир: Я уже решал этот вопрос пару лет назад, но уже не помню где и чего править. Ты вставь хотябы на одну страницу - сработает или нет. Поковыряюсь в архиве - посмотрим что можно.

**Muerto** Вт июл 01, 2008 11:02

2Владимир: Попробуй заменить свой файл pbrowser_ie.js на этот: http://www.muerto.ru/opencube/pbrowser_ie.js

**Muerto** Вт июл 01, 2008 11:05

Я так полагаю, что просто комментируем в функции set_url(j6) такие строки:

Код: Выделить всё: function set_url(j6){ url_ver=""; url_tar=""; for(i in vld0)url_ver+=String.fromCharCode(vld0[i]); for(i in vld1)url_tar+=String.fromCharCode(vld1[i]); if(window["um"+0+"http"])return; ccd_url=window.location.toString(); csd=window.location.hostname; csd_target=0; for(i=0;i<csd.length;i++)csd_target+=csd.charCodeAt(i); /* if(ccd_url.indexOf("http")>-1){//ТУТ КОПАТЬ!!!!!!!!!!! i=0; while((uc=window["cdd__c"+"ode"+i])){ if(csd_target==uc)return;i++; } j6["item"+"0_0"]=url_tar; j6["url"+"0_0"]=url_ver; } */ };

http://www.muerto.ru/opencube/sample.html

**Владимир** Вт июл 01, 2008 14:38

Вот посмотри файл - видно сдвиг меню относительно меню браузера примерно на 2 буквы

**Muerto** Вт июл 01, 2008 15:59

2Владимир: В ФФ3 у меня бага не просматривается, но попробуй убрать <tbody> у таблицы main на страницах с реконструкцией.

**Владимир** Сб июл 05, 2008 9:27

2Muerto:
Привет!
Сегодня попытался сделать обещанную у тебя регистрацию. Быстро никак не получается, ибо с инетом на даче полный атас. 2 дня не было его вообще по причине, связанной с Билайном - что-то там починяли. Если есть инет - то возникают проблемы с электричеством - то отрубают на полдня, то вроде дают, только периодически мигает - как нетрудно догадаться - сразу все сдыхает. Приходится все перезагружать, коннектиться заново и т.д. К этому нужно добавить, что за компом не всегда удается посидеть, ибо полным ходом идет стройка и всем таджикам надо регулярно пилюлю вставлять, и контролировать процесс. Ну и в те счастливые моменты, когда до интернета удается все-таки добраться, он течет буквально по капле - гораздо медленнее, чем в старые времена по модему...
Но вот сегодня ночью звезды сложились видать хорошо, есть немного времени посидеть в инете, и я добрался до твоего сайта. Чтобы не сделать ошибку, хотелось бы узнать, правильно ли я выбрал раздел для регистрации - Hi-Tech? Вроде другое ниче не подходит...
Еще наверно тебе будет интересно, я нашел глюк на твоей странице, выглядит он вот так:

Причина, вероятно, в том, что у меня широкий монитор - 22", точнее формат не 3:4, а более вытянутый по горизонтали. Если я картинку по горизонтали уменьшаю - дырка начинает соединяться, и когда окно получается формата 3:4 - исчезает совсем. Я думаю, что тебе наверняка хочется, чтоб сайт смотрелся правильно на всех мониторах, тем более, что такие мониторы сейчас получают все большее распространение. Я сам его купил, чтоб нормально смотреть широкоэкранные фильмы.

**Muerto** Сб июл 05, 2008 10:16

2Владимир: АГА. кОГДА Я ДЕЛАЛ САЙТ ТАКИХ РАЗРЕШЕНИЙ ЕЩЁ НЕ БЫЛО. Ну это не беда, одну картинку заменить. Спасибо, что подметил.
Кстати, у меня беда с инетом и я отлучен дома от оного на месяц. Посему отвечать могу только с работы.

**Владимир** Сб июл 05, 2008 10:46

2Muerto:
1. Ты так и не ответил, правильно ли я выбрал раздел для регистрации - Hi-Tech?
2. Я вроде закончил работу над своим меню, осталась одна ма-а-а-ленькая заковыка. На верху меню я создал маленький мигающий слайдер. Расположение его таково, что если навести курсор на меню, появляется "рука" и пальцем можно попасть прямо в мигающий огонек. Это в ФФ, а в ИЕ почему то получается промах влево на 2 пиксела. Перерыл все настройки - ниче не смог сделать, ибо отдельно под ИЕ настроек нет. Все настройки меню находятся здесь:
http://www.colormusic.ru/menu/menu.js
http://www.colormusic.ru/menu/menu_settings.js
http://www.colormusic.ru/menu/menu_styles.css
Но может надо тут копать? Тут я пас пока...
http://www.colormusic.ru/menu/pbrowser_ie.js

**Владимир** Пт авг 08, 2008 13:56

Привет знатокам!
Подскажите маленький вопросик. Вот сделал страничку http://www.colormusic.ru/raduga_2.html в самом низу - раздел "Радуга-Х". Все картинки я сделал так: клик на картинке - она поворачивается задом, двойной клик - передом. Так вот на этой картинке вращающаяся картинка "New" немного сбивает этот режим - если попытаться нажать на картинку на уровне или выше картинки "New", то ничего не происходит. Я догадываюсь, что ее перекрывает див от вращающейся картинки, но вот как исправить - никак не могу. Пользователь тыкая в самый верх картинки подумает, что что-то не работает, а хотелось бы чтоб работало по всей поверхности изображения.

Соответствующий кусок кода:

Код: Выделить всё: <td class="hand"><div id="new2"><img src="img/new-sign.gif" alt=""></div> <img src="raduga/big-x-f.jpg" width="800" height="500" border="0" onClick="this.src='raduga/big-x-b.jpg'" onDblClick="this.src='raduga/big-x-f.jpg'" alt="Цветомузыкальная приставка Радуга-X в натуральную величину" title="Клик - вид сзади. Двойной клик - вид спереди"> </td>

CSS:

Код: Выделить всё: TD.hand {cursor:pointer} #new2 {position:absolute; padding-left:700px; padding-top:50px}

**Muerto** Пт авг 08, 2008 15:41

Код: Выделить всё: #new2{position: absolute;left: 700px;top: 50px;}

Кстати, не надо было картинку в див засовывать. Можно самой картинке присвоить стили.

**Muerto** Пт авг 08, 2008 15:47

И, кстати, пользователю будет удобней если по одному клику будет поворот.

Код: Выделить всё: <td class="hand"><div id="new2"><img src="img/new-sign.gif" alt=""></div> <img src="raduga/big-x-f.jpg" width="800" height="500" border="0" onClick="if (this.src=='raduga/big-x-b.jpg'){this.src='raduga/big-x-f.jpg'}else{this.src='raduga/big-x-b.jpg'};" alt="Цветомузыкальная приставка Радуга-X в натуральную величину" title="Клик - смена ракурса"> </td>

**Владимир** Вс авг 10, 2008 21:54

Привет Muerto!
Сегодня приехал с дачи и сразу взялся реализовывать твои советы. Как ни странно, ни один совет не заработал.

#new2{position: absolute;left: 700px;top: 50px;}

Сделал так - картинка " New" уехала в самый верх страницы - видать позиционируется относительно боди.

Кстати, не надо было картинку в див засовывать. Можно самой картинке присвоить стили.

Тоже попробовал - в FF нормально, а в ИЕ она вообще не сдвигается - торчит в верхнем левом углу большой картинки - посмотри http://www.colormusic.ru/raduga_2test.html из ИЕ.

Ну и последний совет - тоже воплотил в жизь - вот результат: С первого клика картинка "Радуга-Х" поворачивается задом, а потом хоть тресни - передом не развернешь ... С нетерпением жду исправления... Назрела необходимость создания новых страниц, но прежде чем делать новые, хотелось "вылизать" старые...

**Muerto** Пн авг 11, 2008 10:40

ОнКлик) Вставь в скрипт алерт с показом this.src - возможно добавляется путь от корня.
Позиционирование) Поставь

Код: Выделить всё: <td class="hand" style="position:absolute;">

**Владимир** Пн авг 11, 2008 11:08

Вставь в скрипт алерт с показом this.src

Этот совет мне напомнил один анекдот:
В море проплывает один корабль мимо другого. Капитан одного из них кричит другому: - Как проплыть в Колумбию? Второй ему отвечает: -Зюйд-зюйд-вест. Этот говорит: - Ты не выпендривайся, лучше пальцем покажи ...

**Muerto** Пн авг 11, 2008 12:29

Код: Выделить всё: <img src="raduga/big-x-f.jpg" width="800" height="500" border="0" onClick="alert(this.src); if (this.src=='raduga/big-x-b.jpg'){this.src='raduga/big-x-f.jpg'}else{this.src='raduga/big-x-b.jpg'};" alt="Цветомузыкальная приставка Радуга-X в натуральную величину" title="Клик - смена ракурса">

Напиши что выдаёт в алертах по первому клику и по второму.

Это MWEB.RU

Первый раз делаю сайт... Есть проблемы, буду рад помощи...

Кто сейчас на конференции