Jump to content

Storm

User
 View Profile  See their activity

  • Posts

    145

  • Joined

  • Last visited

 Content Type 

Everything posted by Storm

  1. Storm
    В каком браузере тестируешь?
  2. Storm
    Отправляю по одному, публикуется по 2 (у одинаковых сообщений qid тоже одинаковый)
  3. Storm
    А кто за вас будет открывать и закрывать Вариант номер 2: <!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"> /*<![CDATA[*/ table {background:gray;} table td {background:white;} /*]]>*/ </style> </head> <body> <div id="keyboardline1span"></div> <script> var i; var rusalphabet = "АБВГДЕ?ЖЗИЙКЛАМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ"; var keybline1 = "<table><tr>"; function RussianKeyboard(){ for (i = 1; i <= 11; i++) { var keybletter = rusalphabet.substring(i-1,i); keybline1 = keybline1 + '<td width=86 height=74 background="images/keyboard/button_bg.gif" class="keyboard" onclick=MakePressed(10,"'+ keybletter +'");>'+ keybletter +'</td>'; //alert(keybline1); if (i != 11) { keybline1 = keybline1 + '<td width=2 height=74><img src="images/empty.gif" width=2 height=74></td>'; } } keybline1 = keybline1 + "</tr></table>"; document.getElementById("keyboardline1span").innerHTML = keybline1; } RussianKeyboard() </script> </body> </html>
  4. Storm
    По ширине шаблон тоже резиновый? Может сделать картинку, в которой будет и левая и правая картинки и размножать е? по вертикали?
  5. Storm
    А почему нельзя поместить вс? в контейнер, у которого background-ом будет картинка, повторяющаяся по оси y? Если для этих целей сверху накладывать слой, то ему надо будет задавать высоту, а, на сколько я понимаю , высота контента будет динамической, поэтому фиксировать высоту сло?в нежелательно. Хотя, если эта картинка будет повторяться на всю высоту страницы, то можно задать ему 100%.
  6. Storm
    Вот простой скрипт <!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"> /*<![CDATA[*/ #div_img {width:100px;height:100px;border:1px solid red;} /*]]>*/ </style> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ function showImg(imgName) { document.getElementById('img').src = imgName; } /*]]>*/ </script> </head> <body> <div id="div_img"><img id="img" src="#" alt="" /></div> <a href="#" onmouseover="showImg('image1.jpg')">link1</a> <a href="#" onmouseover="showImg('image2.gif')">link2</a> <a href="#" onmouseover="showImg('image3.jpg')">link3</a> </body> </html>
  7. Storm
    Исправил следующее: 1. добавил document.getElementById("keyboardline1span") вместо keyboardline1span, 2. перен?с скрипт вниз документа. <!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> </head> <body> <div id="keyboardline1span"></div> <script> var i; var rusalphabet = "АБВГДЕ?ЖЗИЙКЛАМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ"; var keybline1 = ""; function RussianKeyboard(){ for (i = 1; i <= 11; i++) { var keybletter = rusalphabet.substring(i-1,i); keybline1 = keybline1 + '<td width=86 height=74 background="images/keyboard/button_bg.gif" class="keyboard" onclick=MakePressed(10,"'+ keybletter +'");>'+ keybletter +'</td>'; //alert(keybline1); if (i != 11) { keybline1 = keybline1 + '<td width=2 height=74><img src="images/empty.gif" width=2 height=74></td>'; } } document.getElementById("keyboardline1span").innerHTML = keybline1; } RussianKeyboard() </script> </body> </html>
  8. Storm
    Правильно, ты убери background у #abs и увидишь слой, который под ним.
  9. Storm
    Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 1. ширина пунктов в явном виде не зада?тся; 2. меню должно плавать по центру родительского контейнера; 3. каждый пункт меню должен заключаться в отдельный контейнер, в котором можно будет задать отступы текста от его кра?в. Если изложил не понятно, прилагаю код решения с применением таблицы: <!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"> /*<![CDATA[*/ body {margin:0;padding:0;} table {margin:0 auto;} td {background:gray;padding:0 10px;} /*]]>*/ </style> </head> <body> <div> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>menu item 1</td> <td>menu item 2</td> <td>menu item 3</td> </tr> </table> </div> </body> </html>
  10. Storm
    Получай <!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"> /*<![CDATA[*/ #wrapper {position:relative;} #abs {position:absolute;top:0;left:0;width:99%;height:100px;background:gray;} #page-container {width:99%;height:100px;background:green;} /*]]>*/ </style> </head> <body> <div id="wrapper"> <div id="abs"></div> <div id="page-container">CONTENT</div> </div> </body> </html>
  11. Storm
    Тогда, если не принципиально использовать именно этот доктайп, вот еще вариант: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Мой чат</title> <style type="text/css"> body {margin:0;padding:0;} </style> <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("chat").scrollTop = document.getElementById("chat").scrollHeight; document.getElementById("message").value=""; document.getElementById("message").focus(); } } function onPressEnter(myevent) { myevent = (myevent) ? myevent : event; if ('keydown' == myevent.type && 13==myevent.keyCode) onSendMessage(); } </script> </head> <body> <table style="height:100%;"> <tr> <td style="width:100%;height:100%;border:1px solid red;vertical-align:top;"> <div id="chat" style="height:100%;overflow:auto;scroll:auto;"> Тут чат. </div> </td> </tr> <tr> <td style="height:100px;border:1px solid green;"> <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> </body> </html>
  12. Storm
    Можно
  13. Storm
    Доктайп указать забыл. Наверное вот этот <!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"> /*<![CDATA[*/ html, body {height:100%;margin:0;padding:0;} /*]]>*/ </style> </head> <body> <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("chat").scrollTop = document.getElementById("chat").scrollHeight; document.getElementById("message").value=""; document.getElementById("message").focus(); } } function onPressEnter(myevent) { myevent = (myevent) ? myevent : event; if ('keydown' == myevent.type && 13==myevent.keyCode) onSendMessage(); } </script> <div id="chat" style="height:90%;width:100%;OVERFLOW: auto; scroll: auto;"> Тут чат. </div> <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> </body> </html>
  14. Storm
    str = '2008-03-07'; var eventDate = parseEvent(str); function parseEvent(str) { str2 = str.split("-"); return str2; } alert (eventDate);
  15. Storm
    Не пойму в чем преимущество перед моим подходом Зачем нужен фоновый красный цвет? Мы просто застилаем всю страницу ромбиками, тогда этот красный цвет и виден-то не будет.
  16. Storm
    а файл стилей точно подключается? Может ссылка на него неправильно прописана. Для начала проверь это. Если файл подключается, то копай в самих стилях. Например твой код css я бы переделал следующим образом: html {background:url(../resource/pics/fon_body_smol.gif) 0 0;} body {height:1000px;background:url(../resource/pics/fon_body1.gif) 0 0;padding:0;margin:0;} Обрати внимание на слеши, возможно именно в них была загвоздка. Мне кажется что ошибка именно в путях. Сделай наверное так. index.html, style.css и папку pics (папка с картинками) положи в одну папку. index.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" xml:lang="en" lang="en"> <HEAD> <TITLE> Главная </TITLE> <link href="style.css" type="text/css" rel="stylesheet"> </HEAD> <BODY> ... style.css html {background:url(pics/fon_body_smol.gif) 0 0;} body {height:1000px;background:url(pics/fon_body1.gif) 0 0;padding:0;margin:0;} Вот так точно заработает
  17. Storm
    Хорошо, давай так. Вот код <!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"> /*<![CDATA[*/ html {background:url(images/html_fon.gif) 0 0;} body {height:1000px;background:url(images/body_fon.gif) 0 0;} /*]]>*/ </style> </head> <body> content </body> </html> Ничего в н?м не меняй. Переименуй свои картинки для html в html_fon.gif, для body - в body_fon.gif. Уже было засомневался, но проверил в Мозилле и IE6, работает. Значит что-то ты не так делаешь.
  18. Storm
    Самый простой пример <!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"> /*<![CDATA[*/ html {background:gray;} body {background:blue;} /*]]>*/ </style> </head> <body> content </body> </html> html - серый фон; body - синий фон. Может пути к картинкам неправильно прописала?
  19. Storm
    Конечно же не будет работать, ведь слой html находится под слоем body. В html нужно фоном делать узор, а в body - градиент.
  20. Storm
    Замени свой стиль на этот: .messages { min-height: 100%; margin-left:214px; margin-right:10px; background-color:#C1EEC7; padding:3px 8px; } .letter { background-color: #F9FDFA; height:24px; margin-top:1px; position:relative; overflow: hidden; }
  21. Storm
    Это я писал, не рассматривая вариант помещения фона в html. Советовал поместить градиент в фон div-а. Минимальная высота в том случае нужна была для того, чтобы, если контент div-а по высоте будет меньше, чем высота градиента в его фоне, градиент не обрезался. Для минимальной высоты есть прекрасное кроссбраузерное решение, которое ты, Дмитрий, точно знаешь. На всякий случай повторю его еще раз .block {min-height:500px;height:auto !important;height:500px;} Вот так: html {background:url(fon.gif);}
  22. Storm
    Вот набросал пример. Если обновлять страницу, скролл будет прокручиваться к нижней строке в div-е. <!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</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /*<![CDATA[*/ #scroll_box {height:100px;overflow:auto;border:1px solid red;} /*]]>*/ </style> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ function go_bottom() { var objDiv = document.getElementById("scroll_box"); objDiv.scrollTop = objDiv.scrollHeight; } /*]]>*/ </script> </head> <body onload="go_bottom()"> <div id="scroll_box"> 1 2 3 4 5 6 7 8 9 10 </div> </body> </html>
  23. Storm
    Было в этой теме http://forum.htmlbook.ru/index.php?showtopic=8232
  24. Storm
    Не совсем понял задумку Fu-tai. Возможно он имел в виду: 1. Для html фоном будет узор, вырезанный с закономерностью, без градиента. 2. Для body фоном накладываем градиентный png с прозрачностью. Объясню. Png поддерживает прозрачность, в отличие от gif. Т.е. если мы на узор наложим png картинку с прозрачностью, этот узор можно будет потом поменять на любой, но при этом градиент не будет менять своих свойств и будет смотреться также. Тем более мне кажется (могу и ошибаться), что в верхних углах страницы градиент темнее, чем сверху по центру, поэтому из gif составить узор с таким градиентом будет намного проблематичнее. Советую почитать про png. Для того, чтобы IE корректно отобразил png нужно будет внести небольшие дополнения.
  25. Storm
    Можно и поподробнее Скелет кода такой: <!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</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> /*<![CDATA[*/ body {margin:0;padding:0;background:url(../fon_body.jpg) 0 0;} #fon_png {background:url(../fon_png.png) no-repeat 0 0;min-height:500px;} /*min-height: - высота картинки .png*/ /*]]>*/ </style> </head> <body> <div id="fon_png"> PAGE CONTENT </div> </body> </html> Конечно если просто скопировать этот код, то сразу вс? не заработает. Нужно учесть, что IE6(и ниже) не понимает png и min-height (но на это есть готовые решения).
×
×
  • 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