partiz
-
Posts
53 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by partiz
-
2 Storm ... спасибо, помогло! =) осталось решить проблему с версткой )))
-
С мозиллой непонятная штука получается... если убрать "display: table", тогда все ок, но в этом случае опера отображает див Чат высотой в 1 пиксель (просто показывает границы дива), хотя, если поставить фиксированную высоту дива (что не нужно делать в данном случае), тогда все ок (опера показывает див нужной высоты). Подскажите, как сделать кроссбраузерно, чтобы все браузеры отображали желаемый результат.
-
Нужно сделать мини чат, и требуется, чтобы сообщения в диве отображались внизу дива. Т.е. когда див чата оверфлоу (переполняется), и срабатывает прокрутка, нужно, чтобы старое уползало вверх, а див сам прокручивался вниз и показывал новые мессаги. Не соображаю, как сделать, подскажите, пожалуйста. Набросал примерный код для теста: (почему-то в фаерфоксе при добавлении строки из message в chat, содежримое chat выравнивается по центру, а при переполнении chat, прокрутка не появляется... помогите и с этим разобраться, пожалуйста) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <body style="margin: 0px; padding: 0px;"> <script language="JavaScript" type="text/javascript"> function onSendMessage() { if (document.getElementById("message").value!="") { document.getElementById("chat").innerHTML=document.getElementById("chat").innerHTML+" "+document.getElementById("message").value; document.getElementById("message").value=""; document.getElementById("message").focus(); } } function onPressEnter(myevent) { myevent = (myevent) ? myevent : event; if ('keydown' == myevent.type && 13==myevent.keyCode) onSendMessage(); } </script> <table width="1000" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td width="750" height="100%"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td height="100%" valign="top"> <div id="chat" height="100%" style="display:table;width:100%;height:100%;border:1px dotted #cccccc; OVERFLOW: auto; scroll: auto;"> Тут чат. </div> </td> </tr> <tr> <td height="100"> <b>Отправка сообщения</b> <span id="condition"></span> <input id="message" type="text" value="" style="width: 400px" onkeydown="onPressEnter(event)"/> <input type="button" name="" value=" Сказать " onclick="onSendMessage()"/> <script language="JavaScript" type="text/javascript"> document.getElementById("message").focus(); </script> </td> </tr> </table> </td> <td width="250" height="100%"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> </td> </tr> <tr height="100%"> <td height="100%"> </td> </tr> <tr> <td> </td> </tr> </table> </td> </tr> </table> </body> </html>
-
Как указать высоту и ширину для тега <a> в FireFox2 и Opera9 ?
partiz replied to happyproff's question in HTML Coding
нужно просто указать высоту и ширину для тега А, и добавить в стиль А: "display: table-cell;" -
2 LokiDi L0ck ... почему же "выудивальщик", просто чего-то не умею и прошу помощи...
-
)) столько букв ))) интересно, всеже, кто же победит в споре )))
-
2 LokiDi L0ck ... вы могли бы дать пример? я не очень хорошо владею javascript и связанным с ним сленгом... а еще лучше, если на моем варианте просто продемонстрируете. <html> <title>URL's test</title> <head> <script language="javascript"> function onL() { myspan.innerHTML='123'; location.href='http://Click%20me'; } </script> <body> <span id="myspan" onclick="onL()">Click me</span> </body> </html>
-
2 LokiDi L0ck ... Я пишу свой модуль галереи... делаю движок с аяксом... пользователи будут нажимать на ссылки, будет меняться содержимое страницы... но беда в том, что адресная строка не меняется... Мне необходимо, чтобы менялась и адресная строка (т.е. пользователь мог сохранить интересующий его линк) и контент страницы менялся, не перегружая всю страницу (это делается без фреймов только с аяксом). скажите, как мне менять адрес в адресной строке? Или подскажите, как можно все реализовать по другому. и специально для вас, LokiDi L0ck ... Мы все имеем какие-то статусы в обществе, какие-то знания, но есть области, в которых мы что-то не знаем и просим помочь других (как в данном случае, например)... Нормальные люди, если погут помочь, то помогают, если не могут - молчат и не мешают. Если вы можете помочь мне, то помогите, пожалуйста, если же нет, тогда, даже при всем уважении к вашему модераторскому статусу, я прошу вас не флудить в моей теме.
-
Не могу найти примеры как можно сменить надпись в адресной строке браузера так, чтобы он по ней не пошел. Помогите пожалуйста.
-
Я немного исправил код, чтобы посмотреть координаты... все что нужно, это от координаты мыши удалить координату основного слоя... а как это сделать, я не понимаю... (точнее понимаю, но почему-то когда я ставлю X=X-infos.style.left и Y=Y-infos.style.top, тогда почему-то слой сдвигается как раньше и больше не двигается вообще ) <HTML> <HEAD> <TITLE>Drag'n'Drop</TITLE> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .dragableElement { padding: 0px; border: solid 1px black; float: none; position: absolute; top: 20%; left: 15%; width: 630; FILTER: alpha(Opacity=85); display: block; z-index: 100; font-size: 12px; } .maximage { padding: 0px; border: solid 1px black; float: none; position: absolute; top: 20%; left: 15%; width: 630; FILTER: alpha(Opacity=85); display: block; z-index: 100; font-size: 12px; } .titles { background: #999999; padding: 5px; margin: 0px; border: solid 1px black; float: none; position: relative; display: block; font-size: 16px; font-weight: bold; color: #000000; cursor: move; } .bodys { background: #FFF; padding: 5px; margin: 0px; border: solid 1px black; float: none; position: relative; color: #000000; display: block; font-size: 14px; } .closes { font-size: 14px; color: #020167; font-weight: normal; text-decoration: none; font-weight: bold; cursor: pointer; } </style> </HEAD> <SCRIPT language="JavaScript"> var DDob; function MD(id){ DDob=document.getElementById(id); if(DDob.style.position!='absolute') DDob.style.position='absolute'; } function MM(e){ var X,Y; if(DDob){ X=(typeof(e)=='object')? e.clientX : event.clientX; Y=(typeof(e)=='object')? e.clientY : event.clientY; tt1.innerHTML = X+"-=-"+Y; DDob.style.left=X+document.body.scrollLeft; DDob.style.top=Y-+document.body.scrollTop; tt2.innerHTML = infos.style.left+"-=-"+infos.style.top; return false; } } function MU(){ if(DDob){ DDob=null; } } document.onmouseup=MU; document.onmousemove=MM; </SCRIPT> <BODY> <span id="tt1">00-=-00</span> <span id="tt2">00-=-00</span> <div id="infos" class="maximage"> <div id="infostitle" class="titles" onmousedown="MD('infos');">Окошко</div> <div id="infosbody" class="bodys"></div> <div id="closes" class="titles2" style="text-align: center" onclick="infos.style.display='none'" title="Нажмите, чтобы закрыть окошко" onclick="if(infos.style.display=='block')infos.style.display='none';else infos.style.display='block'" onmousemove="closes.style.textDecoration='underline'" onmouseout="closes.style.textDecoration='none'"><span class="closes">Закрыть окошко</span></div> </div> <DIV id="simple" style="cursor:move;" onmousedown="MD(this.id);"> Перетащи меня! </DIV> </BODY> </HTML>
-
К сожалению, примеры, приведенные там не помогли мне решить мою проблему (( я не очень хорошо знаю javascript. "http://www.dhtmlgoodies.com/index.html? ? le-content" чтобы можно что-нибудь переместить - то нужно присваивать определенный класс. "http://debugger.ru/demo/projects/browse ? /move.html" а с этим я вообще, к сожалению, не разобрался ((
-
Необходимо красиво перемещать див по странице. Проблема в том, что все найденные примеры поступают следующим образом: выбираешь что тащить, этот элемент левым верхом переносится к курсору и все перетаскивается. А нужно сделать красиво, чтобы как в винде: зажал левую кнопку мыши в произвольном месте заголовка окна и за это место можно менять расположение этого окна. Помогите пожалуйста сделать так! Ниже код, который мне понравился, но не показывающий желаемого результата <HTML> <HEAD> <TITLE>Drag'n'Drop</TITLE> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .maximage { padding: 0px; border: solid 1px black; float: none; position: absolute; top: 20%; left: 15%; width: 630; FILTER: alpha(Opacity=85); display: block; z-index: 100; font-size: 12px; } .titles { background: #999999; padding: 5px; margin: 0px; border: solid 1px black; float: none; position: relative; display: block; font-size: 16px; font-weight: bold; color: #000000; cursor: move; } .bodys { background: #FFF; padding: 5px; margin: 0px; border: solid 1px black; float: none; position: relative; color: #000000; display: block; font-size: 14px; } .closes { font-size: 14px; color: #020167; font-weight: normal; text-decoration: none; font-weight: bold; cursor: pointer; } </style> </HEAD> <SCRIPT language="JavaScript"> var DDob; function MD(id){ DDob=document.getElementById(id); if(DDob.style.position!='absolute') DDob.style.position='absolute'; } function MM(e){ var X,Y; if(DDob){ X=(typeof(e)=='object')? e.clientX : event.clientX; Y=(typeof(e)=='object')? e.clientY : event.clientY; DDob.style.left=X+document.body.scrollLeft; DDob.style.top=Y+document.body.scrollTop; return false; } } function MU(){ if(DDob){ DDob=null; } } document.onmouseup=MU; document.onmousemove=MM; </SCRIPT> <BODY> <div id="infos" class="maximage"> <div id="infostitle" class="titles" onmousedown="MD('infos');">Окошко</div> <div id="infosbody" class="bodys"></div> <div id="closes" class="titles2" style="text-align: center" onclick="infos.style.display='none'" title="Нажмите, чтобы закрыть окошко" onclick="if(infos.style.display=='block')infos.style.display='none';else infos.style.display='block'" onmousemove="closes.style.textDecoration='underline'" onmouseout="closes.style.textDecoration='none'"><span class="closes">Закрыть окошко</span></div> </div> <DIV id="simple" style="cursor:move;" onmousedown="MD(this.id);"> Перетащи меня! </DIV> </BODY> </HTML>
-
Елки палки, а как же быть-то тогда, если доктайп изменяет тип документа так, что он перестает понимать "высоту" (при этом растяжение во весь экран крайне желательно), и при этом этот же доктайп не советуешь удалять? Может есть какой-нибудь другой доктайп? Я как бы не селен в этом, если дашь ссылку, где разложено все и отличия доктайпов описаны, буду признателен.
-
очень странно ))) а по-моему все непонятно... почему с той строчкой не работает, а без нее все ок?
-
Оказалось, что все не так сложно... но и непонятно... Просто удалил <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> вначале страницы и все заработало так как надо... но я не понимаю, почему без той сторочки все ок, а с ней - глюки...
-
)) я все еще надеюсь на помощь
-
Если в программировании не разбираешься, тогда никак. Нужно будет смотреть код, стилистику его написания, комментарии в коде. Проблематично, на самом деле.
-
Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> html,body { scrollbar-base-color: #C4C3FC; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; margin: 0px; padding: 0px; text-align: center; min-height: 100%; height: 100%; border: 2px dotted black; } table { FONT-SIZE: 10pt; FONT-FAMILY: verdana; COLOR: #000040; border: 1px; } .main { border: 4px solid #656699; margin: 0px; padding: 0px; border-color: #656699; color: #656699; border-bottom: none; background-repeat: no-repeat; } .page { border: 4px solid #656699; margin: 0px; padding: 0px; border-color: #656699; color: #656699; min-height: 100%; height: 100%; } .bottom { border: 4px solid #656699; margin: 0px; padding: 0px; border-color: #656699; color: #656699; border-top: none; border-bottom: none; } .maintable { min-height: 100%; height: 100%; } #top2 { background-repeat: no-repeat; } #polemenu { text-align: left; } #copy { color: #FFFFFF; font-weight: bolder; font-style: italic; font-size: 10px; } </style> </head> <body> <table class="maintable" cellpadding="0" cellspacing="0" height="100%" width="1000"> <tr> <td class="main" bgcolor="red" width="992" height="35"> </td> </tr> <tr> <td class="main" height="70"> <table id="top2" cellpadding="0" cellspacing="0" bgcolor="red" width="992" height="70"> <tr><td height="38"> </td></tr> <tr> <td height="18" id="polemenu"> <font color="#FFFFFF"><b><i>Меню</i></b></font> </td> </tr> <tr><td height="10"> </td></tr> <tr><td bgcolor="#FFFFFF" height="6"> </td></tr> </table> </td> </tr> <tr> <td class="page"> <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> </td> </tr> <tr> <td class="bottom" bgcolor="#303264" align="left" height="20"><span id="copy"> © Копирайт</span></td> </tr> </table> </body> </html>
-
Объяснения по float получил по личке спасибо! попробую на практике реализовать еще пару примеров, чтобы до конца понять спецификацию и все функции float.
-
2 yopopt ... Я почитал про float... это же всего лишь выравнивает элемент на странице... как может выравнивание элемента на странице отвечать за то, что текст из него вылезает? Я дилетант в этих дивах и просто хочу разобраться... если не сложно, объясни пожалуйста.
-
Попробовал через getElementById() и заработало блин, сколько же подводных камней... автор не понимает как работает float. С дивами вообще работаю недавно... раньше все в табличках делал и проблем не знал. Стал делать с дивами и в дивах, чтобы узнать о них побольше и разобраться как они работают.
-
Спасибо! Для дизайна помогло!!! Я не знаю как оно работает, но Опера понимает. desc - слой. Попробую написать через getElementById(). О результатах сообщу тут же.
-
Хоть и звучит похоже, но такой проблемы на форуме не разбиралось. Эксплорер все понимает, а FF и Opera нет. Скрины ниже... Эксплорер Опера и ФФ Вот код: <!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" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="css.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Фирма "РЕМИС"</title> </head> <body> <div id="container"> <div id="navitabs"> <span class="navitabs"> <a href="#" ><span class="c1">+</span> <span class="c2">Средства измерения</span></a> <a href="#" ><span class="c1">+</span> <span class="c2">Строительная деятельность</span></a> <a href="#" ><span class="c1">+</span> <span class="c2">Архивная деятельность</span></a> </span> <span class="navitabs_1"> <a href="#" ><span class="c1">+</span> <span class="c2">О компании</span></a> </span> </div> <div id="desc"></div> <div id="main"> <div id="maintop"></div> <div id="mainmiddle"> <div id="content"> <u>Общество с ограниченной ответственностью <b>"Фирма РЕМИС"</b>:</u> <i>Адрес:</i> <b>123056, г. Москва, Б.Грузинская, д.39. Тел. 745-55-20, факс 745-55-17</b> <i>Банковские реквизиты:</i> <b>ИНН/КПП 7703137121/771001001, р/с 40702810200000004281 в АБ ?БПФ? (ЗАО), г. Москва, к/с 30101810400000000672, БИК 044585672.</b> </div> <div id="sidebar"></div> </div> </div> <div id="mainbottom"></div> </div> </body> </html> А вот КСС body { padding: 0; margin: 0; font: 76% tahoma, verdana, sans-serif; background: #4f4d4c; } a { text-decoration: none; color: #454443; } a:hover { text-decoration: underline; } #container { margin: 0 auto 15px auto; margin-top: 50px; width: 771px; } #navitabs { background: url(./img/upper.jpg) no-repeat; width: 771px; height: 85px; } .navitabs { float: right; margin-right: 30px; margin-top: 15px; font: tahoma; font-size:12px; color: #454443; font-weight: bold; } .navitabs_1 { font: tahoma; font-size:12px; color: #454443; font-weight: bold; float: right; margin-right: 15px; margin-top: 28px; } #desc { padding: 0; background: url(./img/okomp.jpg); width: 771px; height: 224px; margin: 0 0 0 0; } #main { width: 771px; } #maintop { background: url(./img/mtop.jpg); width: 771px; height: 20px; } #mainmiddle { background: url(./img/mmiddle.jpg); width: 771px; } #mainbottom { background: url(./img/mbottom.jpg); width: 771px; height: 20px; } #content { width: 350px; padding: 20px 10px 10px 20px; color: #6f6d66; font: tahoma; font-size:11px; float: left; } #sidebar { width:349px; height: 82px; background: url(./img/3pix.jpg) no-repeat; float: right; padding-left: 20px; margin: 20px 0 0 10px; } .c1 {font-size:12px; color: #b9a437; font-weight: bold;} .c2 {color: #454443} Помогите пожалуйста, чтобы под оперой это все также хорошо смотрелось как и под Эксплорером. з.ы. еще те, кто разбирается в программировании посмотрите страничку remis21.ru... под Оперой и Эксплорером код яваскрипта работает, а в ФФ непашед подскажите, пожалуйста, как исправить, чтобы и в ФФ работало.
-
nowrap поможет
-
Сам сидел, пытался что-нибудь сделать... не получается либо все плывет, либо что-то не так перекрывается... но я четко помню, что на каких-то сайтах ходил, видел там подобное и это нормально работало. Возможно, можно так сделать, чтобы серый слой "Привет Медвед" не перекрывал желтый выпадающий слой от "Привет"? Вот нашел одно из решений, которое так же мне подойдет... но я не знаю как так сделать (при наведении на картинку какого-либо монитора появляется новый слой): http://offt.ru/html/shop/catalog/monitor_tft