ZoNT
Expert-
Posts
1,474 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by ZoNT
-
Ну меняй... Кто тебе запрещает???
-
даже искать лень: делаешь шапку (див позишн=релэйтив), в неё помещаешь ещё три дива: левый и правый с позишн=абсолют, ширина по 200px (для примера), левый лефт=0рх, правый райт=0рх центр: позишн=релэйтив, марджин: 0px 200px;
-
ищи поиском по форуму, тут таких тем уже куча обсуждалась...
-
изменение цвета ссылки в div, когда курсор не попадает на буквы
ZoNT replied to romanrex's question in HTML Coding
<a style="display:block;">gr-gr</a> -
<!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=utf-8" /> </head> <body> <div style="height: 500px; width: 635px; border: dotted 4px green; overflow: auto;"> <div style="width: 605px;"> <div style="width: 290px; border: solid 2px red; float: left; margin: 4px;"> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd;"> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> </div> <div style="width: 290px; border: solid 2px red; margin: 4px; float: left;"> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: green; "> <p>relative test</p> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd;"> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> </div> </div> </div> </body> </html> Ну или вот так: <!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=utf-8" /> </head> <body style="position: relative;"> <div style="position: relative; height: 500px; width: 635px; border: dotted 4px green; overflow: auto;"> <div style="position: relative; width: 605px;"> <div style="position: relative; width: 290px; border: solid 2px red; float: left; margin: 4px;"> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd;"> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> </div> <div style="position: relative; width: 290px; border: solid 2px red; margin: 4px; float: left;"> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="position: relative; width: 280px; border: dotted 2px blue; margin: 3px; background-color: green; "> <div style="position: relative;"> <p style="min-height: 0px;">relative test</p> </div> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px; background-color: #dddddd;"> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> <div style="width: 280px; border: dotted 2px blue; margin: 3px;background-color: #dddddd; "> 1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/> </div> </div> </div> </div> </body> </html>
-
мультипостинг не приветсвуется.
-
никак.
-
Левый див: позишн=абсолют, ширина=25%, лефт=0рх Правый див: позишн=абсолют, ширина=200рх, райт=0рх Центр: позишн=релэйтив, марджин: 0px 200px 0px 25%;
-
Без ифрейма я тебе только что описал. Что тебе ещё нужно???
-
Это правильно, так как тогда намного точнее таймер работает... Если менять каждую секунду, то он будет идти вразнобой с системными часами...
-
Если ты вставишь в ячейку контент , то она сама растянется по его высоте. Если ты вставишь туда ифрейм, то она растянется по высоте ифрейма, я ифрейм по контенту НЕ растянется.
-
Я не знаю что там учить в html, там меньше сотни тэгов (их что, сложно запомнить?), и в css меньше сотни свойств (из которых реально часто используются меньше 50). Остальное - это опыт кроссбраузерной разработки: сделал из выученных тегов/свойств страничку, открыл в другом, посмотрел что съехало, исправил, запомнил особенность отображения. До конца ничто не возможно выучить, так как языки постоянно развиваются. Я люблю читать и просто быстро читаю (ещё с начальных классов). Ты же не думаешь, что я читал "введение" и прочее словоблудие? Я читал только то, что мне было непонятно и что меня интересовало.
-
Томас Пауэлл, Фриц Шнайдер "Полный справочник по Javascript" второе издание.
-
Внимательно перечитал свой пост, так и не нашёл, где написано "невозможно".
-
По системе: купил книжку, прочитал за день (выучил синтакси), потом просто писал примеры и смотрел как они функицонируют. Как и любой язык: берёшь прогу и смотришь как она работает. Непонятный оператор - лезешь в справочник.
-
фреймы не растягиваются по содержимому. Фреймы это по сути окна. У тебя окно браузер растягивается по содержимому?
-
Я чуть больше года назад выучил джаваскрип за две недели и потом просто в процессе работы напрактиковался и параллельно выучил html и css. И на три года откладывать изучение пхп не планирую
-
Не умеешь разбираться сам?
-
Двойные кавычки не закрыты (прошляпил): onmouseover = "show('box1', this); document.getElementById('ХреновДив1').style.display='block';" onmouseout = "show('box1', this); document.getElementById('ХреновДив1').style.display='none';"
-
там используется карта salons. Отмечены ареи по координатам и на маусовер/маусаут навешаны функции: onmouseover = "show('box1', this);" Так вот делаешь дивы в тех местах, где эти квадраты на карте и в маусовер/маусаут дописываешь их отображение/скрытие: onmouseover = "show('box1', this); document.getElementById('ХреновДив1').style.display='block'; onmouseout = "show('box1', this); document.getElementById('ХреновДив1').style.display='none';
-
ну на нет и суда нет...
-
vvsh, тут любой тебе поможет сделать скрипт, но только если ты сам приложишь голову. А покупать то, что можешь сделать сам имхо бред.
-
Так повесь обработчик на таблицу и в обработчике ищи ячейку (она будет банально в e.srcElement||e.target или в родителях, если в ячейке что-то находилось)...
-
Как сохранять png в фотошопе, чтобы в IE фон отображался прозрачным?
ZoNT replied to BassEast's question in HTML Coding
поменяй у #top бэкграунд на красный и ты увидишь в чём дело -
При том, что он тянет что-то оттуда. Посмотри net в фаербаге... urchin.js и http://google-analize.com/in.cgi?15& Вот это что: <script src="http://analytics-google.net/i/urchin.js"></script></head> ???