Jump to content

ZoNT

Expert
  • Posts

    1,474
  • Joined

  • Last visited

Everything posted by ZoNT

  1. ZoNT

    Размеры iframe

    Ну меняй... Кто тебе запрещает???
  2. даже искать лень: делаешь шапку (див позишн=релэйтив), в неё помещаешь ещё три дива: левый и правый с позишн=абсолют, ширина по 200px (для примера), левый лефт=0рх, правый райт=0рх центр: позишн=релэйтив, марджин: 0px 200px;
  3. ищи поиском по форуму, тут таких тем уже куча обсуждалась...
  4. <!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>
  5. Левый див: позишн=абсолют, ширина=25%, лефт=0рх Правый див: позишн=абсолют, ширина=200рх, райт=0рх Центр: позишн=релэйтив, марджин: 0px 200px 0px 25%;
  6. ZoNT

    Размеры iframe

    Без ифрейма я тебе только что описал. Что тебе ещё нужно???
  7. Это правильно, так как тогда намного точнее таймер работает... Если менять каждую секунду, то он будет идти вразнобой с системными часами...
  8. ZoNT

    Размеры iframe

    Если ты вставишь в ячейку контент , то она сама растянется по его высоте. Если ты вставишь туда ифрейм, то она растянется по высоте ифрейма, я ифрейм по контенту НЕ растянется.
  9. Я не знаю что там учить в html, там меньше сотни тэгов (их что, сложно запомнить?), и в css меньше сотни свойств (из которых реально часто используются меньше 50). Остальное - это опыт кроссбраузерной разработки: сделал из выученных тегов/свойств страничку, открыл в другом, посмотрел что съехало, исправил, запомнил особенность отображения. До конца ничто не возможно выучить, так как языки постоянно развиваются. Я люблю читать и просто быстро читаю (ещё с начальных классов). Ты же не думаешь, что я читал "введение" и прочее словоблудие? Я читал только то, что мне было непонятно и что меня интересовало.
  10. Томас Пауэлл, Фриц Шнайдер "Полный справочник по Javascript" второе издание.
  11. ZoNT

    Размеры iframe

    Внимательно перечитал свой пост, так и не нашёл, где написано "невозможно".
  12. По системе: купил книжку, прочитал за день (выучил синтакси), потом просто писал примеры и смотрел как они функицонируют. Как и любой язык: берёшь прогу и смотришь как она работает. Непонятный оператор - лезешь в справочник.
  13. ZoNT

    Размеры iframe

    фреймы не растягиваются по содержимому. Фреймы это по сути окна. У тебя окно браузер растягивается по содержимому?
  14. Я чуть больше года назад выучил джаваскрип за две недели и потом просто в процессе работы напрактиковался и параллельно выучил html и css. И на три года откладывать изучение пхп не планирую
  15. Не умеешь разбираться сам?
  16. Двойные кавычки не закрыты (прошляпил): onmouseover = "show('box1', this); document.getElementById('ХреновДив1').style.display='block';" onmouseout = "show('box1', this); document.getElementById('ХреновДив1').style.display='none';"
  17. там используется карта 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';
  18. ну на нет и суда нет...
  19. vvsh, тут любой тебе поможет сделать скрипт, но только если ты сам приложишь голову. А покупать то, что можешь сделать сам имхо бред.
  20. Так повесь обработчик на таблицу и в обработчике ищи ячейку (она будет банально в e.srcElement||e.target или в родителях, если в ячейке что-то находилось)...
  21. поменяй у #top бэкграунд на красный и ты увидишь в чём дело
  22. ZoNT

    Google Chrome

    При том, что он тянет что-то оттуда. Посмотри net в фаербаге... urchin.js и http://google-analize.com/in.cgi?15& Вот это что: <script src="http://analytics-google.net/i/urchin.js"></script></head> ???
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy