Jump to content

mishka

Expert
 View Profile  See their activity

  • Posts

    2,118

  • Joined

  • Last visited

  • Days Won

    11

 Content Type 

Everything posted by mishka

  1. mishka
    Да тут таааак интересно подключайся
  2. mishka
    Неповеришь но фильдсет хорошо подходит только для групировки елементов формы! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .box{ } img{ position:relative; margin:0 0 -15px; display:block; } .inner{ padding:15px 0 0; border:1px solid #ccc; } .title{ margin:-20px 0 0 30px; position:relative; height:1%; overflow:hidden; } .title h2{ background:#fff; margin:0; float:left; } </style> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="box"> <img src="autumn.gif" alt="" /> <div class="inner"> <div class="title"><h2>Lorem</h2></div> <p>Lorem ipsum dolor sit amet consectetuer metus In at elit enim. Interdum Integer justo nisl Nam tortor Vivamus Cum aliquam quis interdum. Orci a Lorem interdum porttitor In consequat In quis In laoreet. Nam mus et a Vestibulum tincidunt vel Aliquam pellentesque auctor ligula. Urna est in congue Aenean Aenean elit Vestibulum.</p> <p>Condimentum Fusce Nulla netus Morbi adipiscing dui Nam Nullam nisl et. Sagittis ut tristique lacinia Nam lacus sed leo nibh non amet. Vestibulum mauris Aenean Nam pharetra eget Morbi interdum lacinia vel lobortis. Ut orci dui accumsan id Mauris Nunc nunc quis Integer at. Vivamus gravida amet enim orci eros Nam Vestibulum adipiscing Nam risus. Et semper.</p> <p>Nascetur Sed feugiat ipsum orci at diam et neque sagittis eu. Donec nonummy facilisi pede mattis neque Fusce mattis ridiculus faucibus fringilla. Tempor dui vitae laoreet felis elit pulvinar consequat elit vitae rutrum. Condimentum Quisque id sed cursus sapien dis vel sociis vel wisi. Ac venenatis laoreet nibh urna hac Quisque euismod nec nonummy nisl. Nulla vitae iaculis.</p> <p>Vivamus Donec sollicitudin dictum condimentum vel porttitor laoreet rhoncus Curabitur a. Neque Integer lacinia lacus mattis magna molestie sem Donec tincidunt tincidunt. Aenean ligula vitae consectetuer tempus tellus tortor at nunc sed enim. Turpis semper quis Curabitur et Morbi rutrum rhoncus sagittis tortor neque. Elit velit vel odio feugiat consequat Nam id hendrerit sed Maecenas. Mauris volutpat laoreet Nulla urna Quisque neque et in convallis pede. Arcu Nunc tellus.</p> </div> </div> </div> <!-- end wrapper --> </body> </html> поковыряешся разберешся Чтото мне подсказывает что в твоем случае с height:1% может быть баг. Долго рассказывать как избежать валидным способом, поэтому замени на zoom:1
  3. mishka
    спс, подругому сделал Теперь такая проблема: есть инпут с disabled="disabled", при клике на определенную кнопку надо инпуту класс дописать. Но изза дисабледа ниче немогу сделать... если убрать его то все ок... как обойти дисаблед? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>calculator</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html,body{ height:100%; width:100%; display:table; } body{ margin:0; vertical-align:middle; display:table-cell; } #calc{ font:11px/19px Geneva,Tahoma,Arial,sans-serif; width:260px; border:3px solid #435CA8; background:#ECE9D8; margin:0 auto; padding:0 0 7px; cursor:default; position:relative; -moz-user-select:none; -khtml-user-select:none; user-select:none; /*opacity:0.5;*/ } /*#calc.calcActive{ opacity:1; }*/ .calcTitle{ background:#00006D; color:#fff; padding:0 10px 2px; position:relative; } #calcNavigation{ margin:0; padding:1px; list-style:none; border-bottom:1px solid #fff; } #calcNavigation:after{ content:""; display:block; clear:both; } #calcNavigation li{ float:left; padding:0 6px; cursor:default; position:relative; } #calcNavigation li:hover{ border:1px solid #dedede; background:#ebebeb; margin:-1px; color:#005ad9; } #display{ display:block; width:225px; margin:2px auto 0; border-width:1px; border-style:solid; border-color:#aca899 #fdf9ea #fdf9ea #aca899; text-align:right; padding:3px 6px 4px; background:#fff; color:#000; cursor:default; font:14px "Courier New",Courier,monospace; } #keyboard{ overflow:hidden; margin:12px 8px 0; } .key{ width:33px; height:25px; overflow:hidden; border:2px outset #ccc; background:#e3ddd1; margin:4px 3px 0 0; text-align:center; font:12px/24px Geneva,Tahoma,Arial,sans-serif; color:#00f; position:relative; } .key:active{ border:2px inset #ccc; height:24px; padding:1px 0 0; } .red{ color:#f00; } .managekey{ width:60px; } td{ vertical-align:top; } .overlay{ position:absolute; top:0; left:0; /*width:100%; height:100%;*/ overflow:hidden; text-indent:-9999px; } #calc.calcActive .overlay{ display:none; } </style> <script type="text/javascript"> function initScript(){ var _calculator=document.getElementById('calc'); var _display=document.getElementById('display'); _calculator.onclick=function(){ if (this.className.indexOf('calcActive')!=-1){ this.className=this.className.replace('calcActive',''); } this.className+=' calcActive'; } displayClier=function(){ _display.value='0,'; } _comma=function(){ _display.className+=' comma'; } paste=function(number){ if(_display.value.length<26){ if(_display.value=='0,'){ _display.value=number+','; }else{ if(_display.className.indexOf('comma')<0){ if(_display.value.lastIndexOf(',')!=-1){ _display.value=_display.value.replace(',',''); } _display.value+=number+','; }else{ _display.value+=number; } } } } } if (window.addEventListener) window.addEventListener("load", initScript, false); else if (window.attachEvent) window.attachEvent("onload", initScript); </script> </head> <body> <div id="calc"> <div class="calcTitle"> <strong>WebCalculator v0.1b</strong> </div> <ul id="calcNavigation"> <li>Правка</li> <li>Вид</li> <li>Справка</li> </ul> <input id="display" type="text" maxlength='26' value='0,' /> <div id="keyboard"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td align="center"> <div style="width:25px;height:24px;margin:6px 0 1px;border-width:1px;border-style:solid;border-color:#aca899 #fff #fff #aca899"><div style="width:23px;height:22px;border-width:1px;border-style:solid;border-color:#716f64 #f1efe2 #f1efe2 #716f64"></div></div> </td> </tr> <tr> <td> <div class="key red">M</div> </td> </tr> <tr> <td> <div class="key red"> MR</div> </td> </tr> <tr> <td> <div class="key red">MS</div> </td> </tr> <tr> <td> <div class="key red">M+</div> </td> </tr> </table> </td> <td style="padding:0 0 0 6px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <div class="managekey key red">Backspace</div> </td> <td> <div class="managekey key red">CE</div> </td> <td> <div class="managekey key red" onclick='displayClier()'>C</div> </td> </tr> <tr> <td colspan="3"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <div class="key" onclick='paste(this.innerHTML)'>7</div> </td> <td> <div class="key" onclick='paste(this.innerHTML)'>8</div> </td> <td> <div class="key" onclick='paste(this.innerHTML)'>9</div> </td> <td> <div class="key red">/</div> </td> <td> <div class="key">sqrt</div> </td> </tr> <tr> <td> <div class="key" onclick='paste(this.innerHTML)'>4</div> </td> <td> <div class="key" onclick='paste(this.innerHTML)'>5</div> </td> <td> <div class="key" onclick='paste(this.innerHTML)'>6</div> </td> <td> <div class="key red">*</div> </td> <td> <div class="key">%</div> </td> </tr> <tr> <td> <div class="key" onclick='paste(this.innerHTML)'>1</div> </td> <td> <div class="key" onclick='paste(this.innerHTML)'>2</div> </td> <td> <div class="key" onclick='paste(this.innerHTML)'>3</div> </td> <td> <div class="key red">-</div> </td> <td> <div class="key">1/x</div> </td> </tr> <tr> <td> <div class="key" onclick='paste(this.innerHTML)'>0</div> </td> <td> <div class="key">+/-</div> </td> <td> <div class="key" onclick='_comma()'>,</div> </td> <td> <div class="key red">+</div> </td> <td> <div class="key red">=</div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> <span class="overlay"> </span> </div> </body> </html> Это то что на данный момент есть. Арифметика неработает еще. Пока только адекватный ввод цифр делаю Верстка некроссбраузерна, лучше смотреть в FF
  4. mishka
    Мне надо из инпута взять value удалить последний его знак и опять вставить. Как осуществить?
  5. mishka
    угу, спс вспомнил... теперь хочу чтобы запятая была постоянно вконце строки если ее ненажимать... При вводе цыфр мышкой нету курсора в инпуте, поэтому текст недвигается если его становится много, и я невижу что ввожу поэтому решил поставить ограничение... как в виндосовском калькуляторе
  6. mishka
    Хочу чтобы в инпуте было максимум 30 символов. maxlength='30' помогает только если вводить с клавиатуры как проверить количество символов в value инпута?
  7. mishka
    Удачи ребята в вашем нелегком деле
  8. mishka
    все ок
  9. mishka
    http://psywalker.ru/SAITS/Lotos/main-page.html вот как тут сделан div.wrap { bottom:0; height:27px; left:0; position:absolute; width:100%; } по такому типу и волну делайте
  10. mishka
    да что же вы за гореверстальщики. Принципиально пиксели откидаете. Но какой в этом смысл? Если в данной ситуации они будут более логичны. Всеравно сафари и ие несмасштабируют бг, а всем остальным браузерам пофиг Дай линк посмотреть Ты же еще паддинг нижний родителю сделай в 60px
  11. mishka
    полоса в сафари при увеличении размера шрифта. В ие запас достаточный, полоски не появляется. Но в сафари не 5 позиций размера шрифта, он там намного сильнее масштабируется
  12. mishka
    будет работать если div#ftr паддинг внизу 60 px сделать протестил. Есть полоска... оставьте старый хтмл, а в цсс внесите те изменения что я предложил и все бу ок
  13. mishka
    Появляется полоса. Почему нехотите воспользоватся моим советом: div#ftr div.line { background:transparent url(../img/ftr.png) repeat-x scroll left top; height:60px; left:0; position:absolute; bottom:0; z-index:7; width:100%; } угу понял там несовсем все будет работать...
  14. mishka
    А можна сразу так все делать, а когда будет готово то все в джс всунуть?
  15. mishka
    какой смысл в div#ftr div.line { position:relative; left:0; top:0; просто позишн релейтив без лефт топ нельзя? Абсолютом книзу его прибейте и высоту в пикселях блин 4й раз повторил "в пикселях" грузится... у меня инет не шустрый Посмотрел. Есть полоска. При увиличении С менюхой вроде все ок
  16. mishka
    В FF2 я несмотрел, но уверен что и там такая проблема
  17. mishka
    Дело в том что высота в ем. А бг не масштабируется. В ие та же проблема если размер шрифта менять Я неговорю: "все на пиксели меняй". Я говорю только блок с волной
  18. mishka
    кхе кхе... Вы почитайте вопросы на этом форуме в "для начинающих", там про верстку... у меня примерно такие вопросы про джс. Это я в верстке только поумничать могу Код не функциями а создавать объект это что?
  19. mishka
    Чудак человек, я те говорю высоту блока с волной в пикселях задай. Верстаеш на емах молодец (путей мы легких не искали) но тогда понимай работу этого явления. Во всех браузерах масштабируется вся картинка вместе с бекграундом. В сафари масштабируется только размер шрифта, а 1em=размер шрифта в браузере. По дефолту 16px(например ff). В сафари ты увеличиваешь размер шрифта и все твои емы увеличиваются, а бг то немасштабируется... Я попытался максимально детально разъяснить.
  20. mishka
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>calculator</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html,body{ height:100%; width:100%; display:table; } body{ margin:0; vertical-align:middle; display:table-cell; } #calc{ font:11px/19px Geneva,Tahoma,Arial,sans-serif; width:260px; height:231px; border:3px solid #435CA8; background:#ECE9D8; margin:0 auto; } #calcNavigation{ margin:0; padding:0 0 1px; list-style:none; width:100%; overflow:hidden; border-bottom:1px solid #fff; } #calcNavigation li{ float:left; padding:0 6px; cursor:default; } #calcNavigation li:hover{ border:1px solid #dedede; background:#ebebeb; margin:-1px; } #inputText{ display:block; width:225px; margin:2px auto 0; border-width:1px; border-style:solid; border-color:#aca899 #fdf9ea #fdf9ea #aca899; text-align:right; padding:3px 6px 4px; } #keyboard{ overflow:hidden; margin:12px 8px 0; } .key{ width:33px; height:25px; overflow:hidden; border:2px outset #ccc; background:#e3ddd1; margin:4px 3px 0 0; text-align:center; font:12px/24px Geneva,Tahoma,Arial,sans-serif; cursor:default; color:#00f; } .key:active{ border:2px inset #ccc; height:24px; padding:1px 0 0; } .red{ color:#f00; } .managekey{ width:60px; } td{ vertical-align:top; } </style> <script type="text/javascript"> </script> </head> <body> <div id="calc"> <ul id="calcNavigation"> <li>Правка</li> <li>Вид</li> <li>Справка</li> </ul> <input id="inputText" type="text" value="0," /> <div id="keyboard"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td align="center"> <div style="width:25px;height:24px;margin:6px 0 1px;border-width:1px;border-style:solid;border-color:#aca899 #fff #fff #aca899"><div style="width:23px;height:22px;border-width:1px;border-style:solid;border-color:#716f64 #f1efe2 #f1efe2 #716f64"></div></div> </td> </tr> <tr> <td> <div class="key red">MC</div> </td> </tr> <tr> <td> <div class="key red"> MR</div> </td> </tr> <tr> <td> <div class="key red">MS</div> </td> </tr> <tr> <td> <div class="key red">M+</div> </td> </tr> </table> </td> <td style="padding:0 0 0 6px"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <div class="managekey key red">Backspace</div> </td> <td> <div class="managekey key red">CE</div> </td> <td> <div class="managekey key red">C</div> </td> </tr> <tr> <td colspan="3"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <td> <div class="key">7</div> </td> <td> <div class="key">8</div> </td> <td> <div class="key">9</div> </td> <td> <div class="key red">/</div> </td> <td> <div class="key">sqrt</div> </td> </tr> <tr> <td> <div class="key">4</div> </td> <td> <div class="key">5</div> </td> <td> <div class="key">6</div> </td> <td> <div class="key red">*</div> </td> <td> <div class="key">%</div> </td> </tr> <tr> <td> <div class="key">1</div> </td> <td> <div class="key">2</div> </td> <td> <div class="key">3</div> </td> <td> <div class="key red">-</div> </td> <td> <div class="key">1/x</div> </td> </tr> <tr> <td> <div class="key">0</div> </td> <td> <div class="key">+/-</div> </td> <td> <div class="key">,</div> </td> <td> <div class="key red">+</div> </td> <td> <div class="key red">=</div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </div> </body> </html> Это пока только дизайн. Так как дизайнер с меня совсем никудышний, то я просто взял его со стандартного На совместимость верстки в разных браузерах попрошу не тестить просто открывайте в FF или Опере
  21. mishka
    Почемуто мне кажется что человек который ищет ошибки должен "на голову выше" владеть материалом, чем тот у кого он пытается это найти. Или вас взяли тестером, в веб студию и вы смотрите соответствие отображение страницы с дизийном?
  22. mishka
    какая это версия css? psywalker вот css3 на подходе и html5 так что и с версткой скучно небудет
  23. mishka
    Кто научился ездить на велосипеде..... JS и верстка тесно связанны
  24. mishka
    можна задание более конкретное? Я просто представляю себе: полноценний вид калькулятора с кнопочками и экранчиком. И кнопочки нажимаются как с клавиатуры так и мышкой
  25. mishka
    К вам можна присоединится? Вот надоела верстка, решил джс изучать... Дело идет туго, немогу придумать себе задания Great Rash если вас не затруднит то немогли бы задания придумать? И наверное надо в соответствующем разделе сделать тему. Там я видел по ПХП подобное, очень здорово придумано
×
×
  • 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