Jump to content

generator2003

Newbie
 View Profile  See their activity

  • Posts

    25

  • Joined

  • Last visited

 Content Type 

Everything posted by generator2003

  1. generator2003
    Проблема такова есть внутри него оч длинная строка в 1 слово и она конечно расшияет DIV или вылазит за рамки его. Можно ли задать стиль чтобы строки такие перенослись. ? пример: <div style="width:200px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
  2. generator2003
    Сайт вот такой http://www.nwfbroker.com/community/twitter Наблюдаю в фаер баге вот такую картину http://clip2net.com/s/1dYD5 Смотрю код там всё хорошо Почему секция HEAD попадает в body ?? Чем тестить и как искать глюк в данном случае??
  3. generator2003
    Потребовались окошки на JQUERY посикал и начал использовать вот такие: http://www.ericmmartin.com/projects/simplemodal/ Из достоинств всё действительно просто и быстро. Но этот плагин 8кб ужатый может быть кто нить знает что нибудь более легковесное ???
  4. generator2003
    Имею вот такой код <a href="#"><img id="photo-img-big" src="test.jpg"></a> Требуется средствами JQ сначала убрать ссылку, а потом поставить её назад. Или сделать ссылку некликабльной(onclick='return false;' вставлять например), а потом вновь кликабельной.
  5. generator2003
    уже нагуглил такой есть ещё что нить по теме?? UPD найден вот такой плагин!! http://jquery-notes.rydygel.de/samples.php ЧУДО!!!
  6. generator2003
    Требуется реализовать ометки на фото как в контакте или в яндекс фото. Подскажите плз JQeury плагин под это дело
  7. generator2003
    Возможно RTFM вопрос, но никак не могу найти как поменять на кнопке надпись в <input type="file" name="fileLoad" id="fileLoad" /> c "Обзор" на что-то ещё.
  8. generator2003
    Табличкой можно, но не оч хочется т.к. это породит несколь запутанный php код можно мне пример JS скрипта для такого дела. Как я понимаю после того как div растянулся по высоте текста в нем, можно просто вычислить его высоту в пикселах и поставить такую же остальным??
  9. generator2003
    У меня сейчас вот так сверстано на DIVах Нужно сделать чтобы было вот так: Как реализовать ???
  10. generator2003
    Сайт mash62.ru смотрим меню нижнее где техника под навигацией главная о компании контакты ... Этот блок у меня съезжает в ИЕ 6 в других браузерах норм. Я выкрутился сделав отдельный стиль для ИЕ 6 где этот отступ меньше. 1) Почему съезжает ?? 2) Как ещё можно такое поведение пофиксить ?? 3) Как вообще верстка в целом ??
  11. generator2003
    Согласен, но заказчик хочет )) Поправил как вы сказали всё заработало. Большое спасибо при не указание type="text/javascript" в <script> тоже работает полученный код pаработал в FF: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="/css/m.css" rel="stylesheet" type="text/css" media="all"> <link href="/css/pages.css" rel="stylesheet" type="text/css" media="all"> <link href="/css/form.css" rel="stylesheet" type="text/css" media="all"> <link href="/css/facebox.css" rel="stylesheet" type="text/css" media="screen"> <link href="/css/print.css" rel="stylesheet" type="text/css" media="print"> <link href="/js/jCal.css" rel="stylesheet" type="text/css"> <!-- javascript(e) --> <script type="text/javascript" src="/js/basic-1.2.min.js"></script> <script type="text/javascript" src="/js/home-v1.1.js"></script> <script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript" src="/js/jquery.color.js"></script> <script type="text/javascript" src="/js/jquery.animate.clip.js"></script> <script type="text/javascript" src="/js/jCal.js"></script> <script type="text/javascript" src="js/cmxforms.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript" src="js/user.js"></script> <script type="text/javascript"> // настройка скорости delay = 30; step = 2; is_start = true; fullwidth = 0; cpos = 0; scrollw = 0; function start_scroll() { var scrolltext = document.getElementById('scrolltext'); var scroll = document.getElementById('scroll'); fullwidth = scrolltext.offsetWidth; scrolltext.style.left = scroll.offsetWidth; scrollw = scroll.offsetWidth; scrolltext.style.position = 'relative'; myinterval = setInterval(do_scroll, delay); } function do_scroll() { var scroll = document.getElementById('scroll'); var scrolltext = document.getElementById('scrolltext'); if (is_start) { cpos = scroll.offsetWidth; scrolltext.style.left = cpos+"px"; // alert(scrolltext.style.left); //debug is_start = false; } else { cpos -= step; scrolltext.style.left = cpos+"px"; if (cpos < -fullwidth) { is_start = true; } } } function stop_scroll() { clearInterval(myinterval); } function continue_scroll() { myinterval = setInterval(do_scroll, delay); } function do_resize() { var scroll = document.getElementById('scroll'); newscrollw = scroll.offsetWidth; if (cpos >= 0) { absstp = scrollw - cpos; } else { absstp = scrollw + Math.abs(cpos); } oldprc = absstp / (scrollw + fullwidth); newlen = newscrollw + fullwidth; newabsstp = newlen * oldprc; if (newabsstp <= newscrollw) { cpos = newscrollw - newabsstp; } else { cpos = -(newabsstp - newscrollw); } scrollw = newscrollw; } </script> <style> #scroll {width: 100%; background-color: f0f0f0; white-space: nowrap; overflow: hidden; position: relative left:0px;} #scrolltext {position: absolute} </style> </head> <body onload='start_scroll()' onresize='do_resize()'> <div style='width:100%'> <div id='scroll' onmouseover='stop_scroll()' onmouseout='continue_scroll()' > <div id='scrolltext'> Здесь скроллируемый текст, его скорость настраивается, в нем есть <a href=''>ссылка</a>, при наведении мыши он останавливается </div> </div> </div> </body> </html>
  12. generator2003
    прописал в теге script <script type="text/javascript" language="JavaScript1.5"> language="JavaScript1.5" проверил примером, браузер поддерживает, но всё равно не работает с прописанным доктайпом в FF я в тупике
  13. generator2003
    Имею скачанный с инета код бегущей строки Вставил в сайт не работает в фаерфоксе(опера и ИЕ работает). Убрал у сайта доктайп заработало. Вставлял доктайп в чистый код не работает )) Почему с доктайпом не работает и как докатайп влияет на работу java script?? Доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Код: <head> <link href="/css/m.css" rel="stylesheet" type="text/css" media="all"> <link href="/css/pages.css" rel="stylesheet" type="text/css" media="all"> <link href="/css/form.css" rel="stylesheet" type="text/css" media="all"> <link href="/css/facebox.css" rel="stylesheet" type="text/css" media="screen"> <link href="/css/print.css" rel="stylesheet" type="text/css" media="print"> <link href="/js/jCal.css" rel="stylesheet" type="text/css"> <!-- javascript(e) --> <script type="text/javascript" src="/js/basic-1.2.min.js"></script> <script type="text/javascript" src="/js/home-v1.1.js"></script> <script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript" src="/js/jquery.color.js"></script> <script type="text/javascript" src="/js/jquery.animate.clip.js"></script> <script type="text/javascript" src="/js/jCal.js"></script> <script type="text/javascript" src="js/cmxforms.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript" src="js/user.js"></script> <script> // настройка скорости delay = 30; step = 2; is_start = true; fullwidth = 0; cpos = 0; scrollw = 0; function start_scroll() { var scrolltext = document.getElementById('scrolltext'); var scroll = document.getElementById('scroll'); fullwidth = scrolltext.offsetWidth; scrolltext.style.left = scroll.offsetWidth; scrollw = scroll.offsetWidth; scrolltext.style.position = 'relative'; myinterval = setInterval(do_scroll, delay); } function do_scroll() { var scroll = document.getElementById('scroll'); var scrolltext = document.getElementById('scrolltext'); if (is_start) { cpos = scroll.offsetWidth; scrolltext.style.left = cpos; is_start = false; } else { cpos -= step; scrolltext.style.left = cpos; if (cpos < -fullwidth) { is_start = true; } } } function stop_scroll() { clearInterval(myinterval); } function continue_scroll() { myinterval = setInterval(do_scroll, delay); } function do_resize() { var scroll = document.getElementById('scroll'); newscrollw = scroll.offsetWidth; if (cpos >= 0) { absstp = scrollw - cpos; } else { absstp = scrollw + Math.abs(cpos); } oldprc = absstp / (scrollw + fullwidth); newlen = newscrollw + fullwidth; newabsstp = newlen * oldprc; if (newabsstp <= newscrollw) { cpos = newscrollw - newabsstp; } else { cpos = -(newabsstp - newscrollw); } scrollw = newscrollw; } </script> <style> #scroll {width: 100%; background-color: f0f0f0; white-space: nowrap; overflow: hidden; position: relative} #scrolltext {position: absolute} </style> </head> <body onload='start_scroll()' onresize='do_resize()'> <div style='width:100%'> <div id='scroll' onmouseover='stop_scroll()' onmouseout='continue_scroll()' > <div id='scrolltext'> Здесь скроллируемый текст, его скорость настраивается, в нем есть <a href=''>ссылка</a>, при наведении мыши он останавливается </div> </div> </div> </body>
  14. generator2003
    как сделать DIV высотой во всю страницу как то читал про это но не помню где (((
  15. generator2003
    А есть ли линк где этот баг описан подробно ??? Или как он называется ?? Хочется взглянуть общее на описание проблемы Для конкретной вёрстки ясно что делать есть похожая верстка с такой же проблемой сделанная по подобию этой статьи http://softwaremaniacs.org/blog/2006/01/17...layout-example/ как я понимаю "виноват" следующий div после того из которого выезжают буквы
  16. generator2003
    Вот пример трехколоночной DIV вёрстки когда ставлю коментарии(см коммент <!--left -->) в коде то выползяют буквы за пределы правой колонки коменты убираю всё хорошо. Причём такое же я вление наблюдал и в другой вёрстке проверил тоже виноваты комменты. что за фигня ??? Проблему наблюдаю в IE 6 <!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> <title>Трехколоночный макет страницы с помощью CSS</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> * {margin: 0;padding: 0; font: 14px/17px "Trebuchet MS", Tahoma, Arial} p {padding: 10px;} #header {height: 100px; background: #DFDFDF; text-align: center;} #text {background: #D5FFD5;} #left {background: #FFF2BF;} #right {background: #BFF2FF;} #footer {height: 100px; background: #FFCACA;} .clear {clear: both;} /* код для разметки 3-х колонок */ #wrapper { width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':''); min-width: 1000px; } #container {width: 100%;} #content { width: 100%; float: left; } #text {margin: 0 250px;} #left { float: left; width: 250px; margin-left: -100%; } #right { float: left; width: 250px; margin-left: -250px; } </style> </head> <body> <div id="wrapper"> <!--HEADER--> <div id="header">HEADER </div> <!--HEADER END--> <div id="container"> <!--content --> <div id="content"> <div id="text"> <p>Lorem ipsum dolor sit amet consectetuer pede aliquet sed laoreet nulla. Elit et Nam adipiscing Cum et odio congue hendrerit cursus augue. Sapien elit eget morbi Nullam dictumst metus sem Vestibulum dapibus feugiat. Pellentesque Nam et feugiat nibh Vestibulum In ligula Cras est justo. Malesuada sed feugiat risus tincidunt sem nibh Nulla ipsum sed congue. Lorem felis Nullam.</p> <p>Nibh felis sapien feugiat Nam justo elit elit Suspendisse neque lobortis. Sem lorem congue Vestibulum massa id dolor pede mauris Vestibulum tellus. Dictumst justo at ipsum massa at ac diam vitae nibh interdum. Magnis vitae Nulla convallis consequat ac vitae Fusce dolor pharetra feugiat. Nunc pretium sed nulla pede Ut natoque rutrum eu eu id. Dui suscipit vitae ornare faucibus Praesent dui Donec felis montes eget. </p> <p>Aliquet egestas tempus nec lorem nisl felis tincidunt Donec Aenean id. Commodo sapien quis libero eleifend ridiculus Praesent a sapien elit lorem. Ac libero facilisi congue id et Aenean Sed justo eget a. Ut dui vel nibh consectetuer eget in nibh Aenean tellus leo. Non nec tempus Praesent eget et semper et Curabitur.</p> <p>Semper adipiscing mauris justo neque Quisque id dui leo semper rutrum. Tempor pede sem elit Quisque Pellentesque purus quis Phasellus ut purus. Ligula sed lorem malesuada augue nibh est Donec tellus turpis id. Faucibus ac et metus mi laoreet eros est porttitor auctor Vestibulum. Mattis fames commodo wisi vitae Quisque Sed Vivamus senectus ac non. Quis platea.</p> </div> </div> <!--content end--> <!--left --> <!--left --> <!--left --> <!--left --> <!--left --> <!--left --> <!--left --> <!--left --> <div id="left"> <p>Lorem ipsum dolor sit amet consectetuer pede aliquet sed laoreet nulla. Elit et Nam adipiscing Cum et odio congue hendrerit cursus augue. Sapien elit eget morbi Nullam dictumst metus sem Vestibulum dapibus feugiat. Pellentesque Nam et feugiat nibh Vestibulum In ligula Cras est justo. Malesuada sed feugiat risus tincidunt sem nibh Nulla ipsum sed congue. Lorem felis Nullam.</p> </div> <div id="right"> <p>Lorem ipsum dolor sit amet consectetuer pede aliquet sed laoreet nulla. Elit et Nam adipiscing Cum et odio congue hendrerit cursus augue. Sapien elit eget morbi Nullam dictumst metus sem Vestibulum dapibus feugiat. Pellentesque Nam et feugiat nibh Vestibulum In ligula Cras est justo. Malesuada sed feugiat risus tincidunt sem nibh Nulla ipsum sed congue. Lorem felis Nullam.</p> </div> <div class="clear"></div> </div> <div id="footer"></div> </div> </body> </html>
  17. generator2003
    Несколько вопросов 1) почему все единицы измерения в em??? я везде ставлю пикселы это неверно ?? 2) Я сначала пытаюсь построить каркас а потом разместить в нем все элементы а вы ? 3) Нигде нет ширины в % но всё тянется за счёт чего ???
  18. generator2003
    а можно поконкретнее?? Да есть ещё всякие шаблоны 3х колоночные вы какие используете??
  19. generator2003
    Верстаю макет Раира из темы http://forum.htmlbook.ru/index.php?showtopic=13276 но почему-то вёрстка правая колонка не отображается в ИЕ вёрстку можно видеть тут http://akson69.ru/test/ Что я делаюне так??
  20. generator2003
    Посмотрел ваш вариант и обнаружил, что он у меня работает в ИЕ только когда стоит тема рабочего стола WINXP с классической темой(как в WIN2000) у селекта слетает "гламурность" и снова появляется рамка. В FF селект тоже теряет свой глэм при классической теме... У меня WINXP SP2 + ИЕ6. у вас при классической теме работает? или проблема на моей стороне??? ЗЫ ваш код гораздо лаконичнее беру в пример
  21. generator2003
    Огламуренный селект нашёл тут http://alx.vingrad.ru/fwc/ru/examples Вопрос без AJAX никак не обойтись?? Увы не силён нём
  22. generator2003
    Требуется сверстать форму с "огламуренный" селектом как на картинке как релизовать?? После применеия CSS к селекту он неодинаково отображается в IE и FF (IE не убирает рамку) как пофиксить? мой код тут http://depositfiles.com/files/f1sid9m07
  23. generator2003
    Т.е. в принципе для блочной вёрстки можно забыть про тянущиеся по вертикали элементы?? Когда я верстал на таблицах были дизайны где содержимое должно быть точно по центру по оси Y при любых разрешениях. Как реализовать в таблицах ясно. А как мне реализовать такое при блочной вёрстке??
  24. generator2003
    Статью прочитал, спасибо. Почему-то у меня не работает пример номер 6 в IE6 выставил для #centerLayer высоту слоя в 70% но высота слоя в ИЕ не изменяется в файерфоксе(версия 2) всё работает. Как пофиксить для ИЕ??
  25. generator2003
    Хочу чтобы мой DIV стал высотой 50% от высоты окна браузера. Полопатил инет но не нашёл как. Это вообще возможно? Имею такой вот код: <!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> <style> <!-- div { border:1px solid #990000 } div.test { width:80%; Clear:both; float:left; background:#ffeecc; text-align: center; height:100%; } --></style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div class=test> sadsa </div> </body> </html>
×
×
  • 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

  I accept