Это MWEB.RU

**Владимир** Вс мар 04, 2007 16:45

Вычислил скока надо добавлять. Сделал PrintScreen окна, запихнул его в PhotoShop, всключил пиксельную сетку и посчитал - получилось 8 пикселов, значит размер картинки надо увеличивать на 16 пикселов по вертикали и по горизонтали - все исправил - теперь работает http://akula-ko.narod.ru/kontakt.html Правда один маленький глючок в нем все-таки есть - если не закрывая окна нажать на другую ссылку то оно прячется, сохраняя старый размер - внизу найти его можно но фигня получается, но это наверно уже не исправишь, ну и фиг с ним...
На хороший хостинг перееду со временем, надо тока денег немного заработать...

**Padonak** Вс мар 04, 2007 17:02

я тут вот тебе некую анимацию соорудил :-) картинки еще никакие там не появляютцо так что не кликай по ссылкам:

http://www.fisioterapiautebo.com/padona ... ontakt.htm

анимация таблицы мерзко в ИЕ выглядит и это не то что я хотел. посмотри эту же ссылку в Опере или Фаерфоксе - там срабатывает таблица так как было задумано.. Может Муерто чонить по этому поводу изречет? кайф-таки таблицу однообразно анимировать во всех браузерах. там в скрипте код разделен для ИЕ и "не для ИЕ" но если разделение убрать ИЕ бастует сцуко -08-

зато хтмл валидный -03-

а цсс не проходит проверку но только та часть которая до меня писана -02-

**Aqua$erg** Вс мар 04, 2007 18:28

У меня есть ЯС, который генерирует html-страницу и вставляет в него картинку, ресайзясь под размеры картинки

**Владимир** Вс мар 04, 2007 18:35

Ну кинь ссылочку, если не жалко, я гляну может он лучше работает, чем у меня

**Muerto** Вс мар 04, 2007 19:14

2Padonak: Для алкоголика - напишите что нужно сделать. Мне лень весь топик перечитывать.

**Aqua$erg** Вс мар 04, 2007 19:23

Как работает - можно посмотреть здесь
Сам скрипт, соответственно, тут
В ссылках пишется: <a href="javascript:void(0)" onClick="zoom('большая картинка','ширина','высота')"><img src="тут превьюха картинки"></a>

Примерно так

**Владимир** Вс мар 04, 2007 20:25

Спасибо, я подумаю что лучше использовать. У меня вот здесь похожий скрипт http://akula-ko.narod.ru/kontakt.html , но у обеих вариантов есть один недостаток - если окно не закрыть, а ткнуть в другую ссылку, то оно исчезает - интересно можно ли это как-то исправить? Специально посадил жену за комп, говорю - посмотри страничку, вот она ткнула в первую ссылку, потом не закрывая окна тут же во вторую и сразу вынесла вердикт: "Ни хрена у тебя не работает".. Обидно...

**Muerto** Вс мар 04, 2007 21:23

Либо окно делать модальным, либо имена у открывающихся окон должны быть разными.

**Padonak** Пн мар 05, 2007 3:04

2Muerto: ну у меня не получаетцо вот это

Код: Выделить всё: <html> <etyle type="text/css">  </style> <body> *** <table id="tbl" align="center" style="width: 600px;" border="1" cellpadding="2" cellspacing="0"> <tbody> <tr> <td class="bld">Модель</td> <td class="bld">Комплект</td> <td class="bld">Вес, гр.</td> <td class="bld">Город</td> <td class="bld">Стоимость</td> </tr> <tr> <td>Радуга-<span style="font-weight: bold;">F</span></td> <td>-</td> <td>836</td> <td>Новоуральск, Свердловкой обл.</td> <td class="bld">235 руб</td> </tr> <tr> <td>Радуга-<span style="font-weight: bold;">Т</span></td> <td>-</td> <td>886</td> <td>Санкт-Петербург</td> <td class="bld">250 руб</td> </tr> <tr> <td>Радуга-<span style="font-weight: bold;">Т</span></td> <td>8 ламп</td> <td>1676</td> <td>пос. Нижнесортымск, Тюменской обл.</td> <td class="bld">311 руб</td> </tr> <tr> <td>Радуга-<span style="font-weight: bold;">Х</span></td> <td>12 ламп</td> <td>1888</td> <td>Королев, Московской обл.</td> <td class="bld">251 руб</td> </tr> </tbody> </table> <script language="JavaScript" type="text/javascript">  </script> </body> </html>

сделать одинаково в "не ИЕ" и в ИЕ. если ты изменишь немного скрипт и уберешь разделение кода чтобы работала только та часть которая "не для ИЕ" то увидишь что в ИЕ не работает нихрена хотя во всех других отлично пашет. почему так? походу ИЕ не поддерживает изменение на ходу cellspacing и cellpadding? или я так где-то накосорезил?

а про окна там мне все понятно по окнам нет вопросов

**Владимир** Пн мар 05, 2007 10:52

2Padonak: чето-ты такое мудреное загибаешь... Стоит ли оно столького траты времени? Я посмотрел табличку в ИЕ - ну она при наведении мышки раздувается и клетки закрашиваются - если честно то я не очень понял этого наворота... Или у меня чето не так работает?

Вот Муерто писал "Либо окно делать модальным, либо имена у открывающихся окон должны быть разными." - че такое "модальные" я понятия не имею, а вот сделать имена разными было бы хорошо - пропал бы вышеописанный глюк, и была бы возможность открыть несколько окон одновременно - например для сравнения нескольких моделей, если у кого есть мысли как им поменять имена - посоветуйте, я с удовольствием использую его на своей страничке, сам то я ни бум-бум... Пока умею использовать только готовые скрипты, где написано куда его нужно вставить и как им пользоваться...

**Muerto** Пн мар 05, 2007 11:01

Не уверен, но должно работать. В ДОМ1 эти аттрибуты входят. Попробуй использовать так:

Код: Выделить всё: this.attributes["cellSpacing"].nodeValue = "10"; this.attributes["cellPadding"].nodeValue = "10";

**Padonak** Пн мар 05, 2007 20:04

2Muerto: хм... так я не делал. попробую.
2Владимир: а я не могу успокоитцо что не работает. ты не в ИЕ посмотри - оно намного прикольнее выглядит я ж писал

**Владимир** Пн мар 05, 2007 20:40

Ну в Мозилле смотрел - тоже самое, только между клетками интервал значительно больше, больше отличий нет - таблица раздувается и клетки по очереди закрашиваются - вот и все. Вот лучше че скажите - нашел сегодня как рамочки с тенями делать - попробовал получилось. В самом верхнем прямоугольнике хорошо бы зазор между буквами и краями таблицы сделать - сколько CELLPADDING туда не вставлял - не реагирует, и в сравнительной табличке, там где тень никак границы не убираются...
http://akula-ko.narod.ru/homenew.html

**Padonak** Вт мар 06, 2007 1:56

2Владимир: действительно... фтопку таблицу -13-

**Владимир** Вт мар 06, 2007 14:31

Эй народ! подскажите начинающему как сделать две простые вещи - полдня сегодня потратил - ни фига не выходит...
Вот делаю тут страничку http://akula-ko.narod.ru/homenew.html

1. В верхнем голубом прямоугольнике не удается сделать зазор меду тестом и таблицей слева и справа
2. Внизу в самом последнем блоке никак не удается расположить крутящееся NEW в правом верхнем углу текста, чтоб оно там прилипло и не плавало при изменении размеров окна...

HELP!!!

**Padonak** Вт мар 06, 2007 15:39

1. замени в коде описание ячейки таблицы с текстом то что у тебя на такое:

<td colspan="2" style="background-color:#e6f2fe;color:#000;padding:5px 10px 5px 10px">

2. выкинь из кода <img... и так далее то что у тебя> а описание ячейки таблицы где надо расположить NEW замени на это:

<td style="background:#ffffff url(Images/new_anim.gif) top right no-repeat">

**Padonak** Вт мар 06, 2007 15:48

2Muerto: я всегда знал что ты гениален :-) слушай ну зачем тебе столько мозга? отковыряй мне кусочек -02-

то что ты написал разумеетцо работает. блин я не думал что там такой синтаксис и к тому же кроме ИЕ никто не отказывался исполнять так как я написал. жалко ты не в Ростове. я хоть сам и не пью но тебе бы пива приволок :-) много - так чтобы тебя срубило -03-

**Muerto** Вт мар 06, 2007 16:21

2Padonak: Ты лучше по сезону нужной травы накоси стожок и ближе к зиме жди меня в гости! -01-

**Владимир** Вт мар 06, 2007 16:28

Спасибо! ты правда спец... Или скорее я лопух... Ладно, со временем освоим этот хтмл...
Теперь все работает http://akula-ko.narod.ru/homenew.html
Ну, чтоб мозги не ржавели пошевели ими в следующем направлении:

1. Если увеличить шрифт, то в сравнительной таблице все заголовки стоят по центру, а Light & eXtrim сдвигаются к верху - хотя параметры у всех заданы одинаково...

2. Я теперь по ходу дела проверяю на валидацию
http://validator.w3.org/check?uri=http% ... ype=Inline
так вот никак не могу победить первые две ошибки. Остальные все одинаковые, содержащие "LI" я просто еще не переделал, а которые в конце- так то ваще narod.ru клеит ...

**Padonak** Вт мар 06, 2007 18:00

2Muerto: да я ж в городе живу тут в лучшем случае голимая дичка вдоль заборов растет...

2Владимир: первые 2 ошибки - там имеется ввиду что данные атрибуты являются устаревшими (из более ранних спецификаций хтмл) и сейчас их употребление приравнивается к ошибке (так же как с тегами <font>). про сдвигание заголовков ща посмотрю. блин графика у тебя там просто ацки тяжелая. страница вместе с изображениями весит больше 800 Кб это кошмар -08-

**Владимир** Вт мар 06, 2007 18:15

Если сделать поиск по исходному коду "background="Images/01.gif"", то можно увидеть, что строчек абсолютно таких же штук 20 - буква в букву - это элемент оформления тенью на странице - так вот во всех случаях проходит валидация, а в первом - нет, странно как-то...

**Padonak** Вт мар 06, 2007 18:19

2Владимир: короче сделай так:

в этой таблице в теге <table> укажи атрибут не cellPadding=0 а cellpadding="5" (например иди выбери какое там тебе нравится больше значение). это есть отступ для всех ячеек таблицы. если в какой-то ячейке нужен другой отступ - пишешь ей style="padding:..px ..px ..px ..px" и ставишь сколько надо. дальше. убираешь все эти <center></center> и все  
потом в первом теге <tr> указываешь valign="middle" а во всех <td> пишешь align="center".

align бывает: left, center, right, justify;
valign бывает: top, middle, bottom.

короче ячейки должны выглядеть вот так:

<TD align="center"><B>L</B>ight</TD>

хотя и за это обматерит валидатор но хоть отображаться правильно будет. атрибут background вобще выкинь из головы. применяей его только в стиле как background-image или в виде короткой записи типа

background:цвет фона url(путь к изображению) позиция позиция повторение;

скачай вобщем вот это и пользуйся:

http://www.fisioterapiautebo.com/padonak/docs/css.rar

**Владимир** Вт мар 06, 2007 20:06

Как всегда все сразу заработало..
Заголовки все исправил, все пашет и валидатор не ругается...
Еще один вопрос... Я понимаю, что задолбал уже, но мне бы разобраться до конца с этой страницей, а остальные я буду переделывать в том же стиле, используя имеющиеся навыки.

Пролема с заголовком страницы.
Нашел вот здесь http://www.htmlbook.ru/html/caption.html (в том файле, что ты мне прислал про то ничего нет)

Код: Выделить всё: Параметр ALIGN Описание Параметр align определяет выравнивание заголовка относительно таблицы. Результат его действия зависит от используемого браузера и установленного значения. Синтаксис <caption align="left | center | right | top | bottom">...</caption> Аргументы left Выравнивает заголовок по левому краю таблицы. Аргумент работает только в браузерах Internet Explorer и Opera 7. right В браузере Internet Explorer и Opera 7 располагает заголовок сверху таблицы и выравнивает его по правому краю таблицы. В браузере Netscape параметр игнорируется, а в Opera 6 и ниже заголовок располагается от таблицы справа. center Заголовок располагается сверху таблицы по ее центру. top Результат аналогичен действию параметра center, но в отличие от него входит в спецификацию HTML 4 и понимается всеми браузерами. bottom Заголовок размещается внизу таблицы по ее центру.

В ИЕ заголовок центрируется, а в FF либо влево сдвинут, либо ваще исчезает...

и табличка в разных браузерах выглядит по-разному, хотелось чтоб было одинаково и выглядело как в FF-там красивее

Вот с табличкой бы разобраться и останется ссылки внизу поправить и самая основная страница будет закончена. Как тебе кстати мои рамочки с тенями? Не бог весть какая крутизна, но у меня первая сложная работа и вроде немного страничка поприличней стала...

**Aqua$erg** Вт мар 06, 2007 21:30

Padonak писал(а):2Muerto: да я ж в городе живу тут в лучшем случае голимая дичка вдоль заборов растет...

Да ладно! Ты ж в Ростове - там солнце ядрёное. Трава по-любому должна быть знатная, почти афганская -01-

**Padonak** Вт мар 06, 2007 22:16

2Aqua$erg: ага шуйская долина блин -13-

это в краснодарском крае дурь знатная растет а не у нас хотя и близко в принципе

**Владимир** Ср мар 07, 2007 12:01

О, где ты, где ты, Падонак!
Я не дождусь тебя никак...
О дай скорей советы мне,
а то сидеть весь день в говне...

**Padonak** Ср мар 07, 2007 13:38

я вот так написал у меня вроде ничего никуда не съезжает:

Код: Выделить всё: <table style="background-color:rgb(230,242,254);" cellspacing="1" cellpadding="5" border="1"> <caption style="font-weight:bold;color:rgb(51,51,153);padding-top:10px;padding-bottom:10px;"> Сравнительная таблица характеристик различных модификаций</caption> <tbody>

**Дядя Фёдор** Пн мар 19, 2007 15:10

Может быть есть смысл использовать, что-то типа этого: http://www.cssplay.co.uk/menu/slide_show.html?
Я имею ввиду заморочку с лампочками...

Это MWEB.RU

Почему не работает :hover? Подскажите кто знает...

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