Jump to content

Destrifer

User
 View Profile  See their activity

  • Posts

    93

  • Joined

  • Last visited

 Content Type 

Everything posted by Destrifer

  1. Destrifer
    Имеем: function abc($x, $y) {...} Мне нужно из значения передаваемого параметра $x сделать переменную. Т.е. если abc(qwe,rty), то далее я хочу использовать переменную $qwe... '$'.$x возвращает, естественно, текстовую строку
  2. Destrifer
    Ок, мой косяк, спс.
  3. Destrifer
    Прозрачный. IE 8. Исходная конструкция сложнее (это вложенный table), но сути это не меняет.
  4. Destrifer
    .nb { background:red; } <table width='98%' class='nb' align='center'> <tr> <td colspan='4'>123</td> </tr> <tr> <td colspan='4'>124</td> </tr> </table> Во всех броузерах красный, кроме IE
  5. Destrifer
    <div class='menu'> <a href='#'><div id='b1'>о компании</div></a> <a href='#'><div id='b2'>проекты</div></a> <a href='#'><div id='b3'>фотогалерея</div></a> <a href='#'><div id='b4'>технологии строительства</div></a> <a href='#'><div id='b5'>строительство<br>в кредит</div></a> <a href='#'> <div id='b6'>страхование домов</div></a> <a href='#'><div id='b7'>прайс лист</div></a> <a href='#'><div id='b8'>контакты</div></a> </div> CSS .menu a { font-family: 'TerminatorCyr4SemiexpandedBol', Arial; background:url('/i/buto.png'); font-size:9pt; display:block; width:186px; height:65px; text-decoration: none; margin-top:-13px; color:#fff; text-align:center; } Сколько не искал, везде стандартные способы - table-cell, или с абсолютным позицированием. Ничего нового. Эти способы в моем контексте не работают. Например: #b1 { display:table-cell; vertical-align:middle; } Не работает. Есть вариант с line-height, но у меня есть кнопки с 2 строками - для них приходится отдельно делать padding-top. Кривое решение. Помогите найти хорошее. p.s. Внутренние дивы не обязательны. p.p.s Таблицы не подойдут.
  6. Destrifer
    А в чем проблема? Мне нужно решение, не использующее что-то вроде этого: if (document.body.filters) true; body { _filter: true; } html {background:url(about:blank)} background-attachment:fixed и т.д.
  7. Destrifer

    position:fixed

    Destrifer posted a question in HTML Coding

    Как избавиться от дрожания при эмуляции position:fixed. Все решения, которые встречал основаны на обращении к body, а это не подходит (html подгружается в виде iframe).
  8. Destrifer
    Спасибо. Хотя вроде - Завтра буду рыть проблему.
  9. Destrifer
    - лишнего не так уж и много... Это вообще-то выдран кусок, чтоб лишним не зашломлять... Насчет валидатора это все конечно прекрасно, однако щас не до этого. Доктайп убрал - в ie картина изменилась но все-же не так как нужно.
  10. Destrifer
    Почему-то, ie6 неправильно считает ширину блоков. В остальных браузерах нормально, в ie6 приходится использовать хак (( <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> html { width:100%; height:100%; } *{ margin: 0; padding: 0; border: 0; } body {font-size:10pt; font-family:Arial;background:#000;} .bot{ padding:0 10px; background:blue; height:56px; width:100%; } .clear {clear:both;} .center { background: red; width:95%; _width:94%; padding:20px; margin:10px auto; margin-bottom:10px; } .blok { width:18%; float:left; } .blok2 { width:18%; float:left; margin-left:3.5%; _margin-left:2%; } .blok3 { width:30%; float:left; margin-left:3.5%; _margin-left:2%; } .blok4 { width:22%; float:left; margin-left:3.5%; _margin-left:2%; } .col { padding:10px; background: green; width:100%; } </style> </head> <body> <div class='center'> <div class='blok'> <div><div class='col'> <div class="blok_zag">123</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. </div> <div class='bot'></div></div> </div> <div class='blok2'> <div><div class='col'> <div class="blok_zag">123</div> <ul> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. </ul> </div> <div class='bot'></div></div> </div> <div class='blok3'> <div><div class='col'> <div class="blok_zag">123</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. <p class='clear'> </div> <div class='bot'></div></div> <p class='clear'> </div> <div class='blok4'> <div><div class='col'> <div class="blok_zag">123</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. </div> <div class='bot'></div></div> <div align='center' style='padding-bottom:10px;'> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. </div> <div><div class='col'> <div class="blok_zag">123</div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. </div> <div class='bot'></div></div> </div> <p class='clear'> </div> </body> </html> p.s. в FF что-то со шрифтом лучше смотреть в Chrome или Opera.
  11. Destrifer
    я решил что так будет уобнее, чем заставлять людей качать 8 файлов...
  12. Destrifer
    С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... Only for Chrome!!!! Блок с бордерами и прозрачкой: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Создание обвязки бокса из 1 слоя.</title> <style> body {background:red;} .block{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8 euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFXbttAoOFP +hpfEPE4z07A8u0viNSBq3SGAk8YgGd+mragy4QUv+/MAXL/h74xklnkiRI8Z5K3axtQ4hCmQIcF3HC6Y2E99tK7SoAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XsXLoQ5BUQCA4 TO7wg0CRREVT+IhVFkxt3oHSVdMEG2qzQOYoplN8AS33fFVnM3uKf7ti394xrtyZEJOiMlCCAWf9WgzZs aIA281iHXnzIoNa5ZkX/MPDxb02daboWJPl3nNGdhR0EmZS05M689wYZg63xikziVNWuakKnJzev+bX8B+Ry7/6R9CAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXNoQ5BYRzGY ewIJyiKTRIUN6FqqitwBTbVPZhbMMVEVyHQVJugaafZ56ls/9l3mnd74m9vM6XUCFYyZ0afAR8rgnDMlidnTtx/xQUbpux4EK6FAQeGrIMwfF7RYx8E4XOXJUcsL15woaoTT7hi+fGIW524Q5uqTlzywrJj47/iN8uKFiJDN4LPAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAhUlEQVR4XtXRIQ6DMBSH8 TJQONwESS0ObkEyidop5jgAk012ArjI7C6BQaBIMBhEBaL7dDfTN7V/8pOfeHmRc65V4btDn9QP+784hpXEKQ7sklhjlN5c4CmJU5R4SOILDLaQOEaNFV3Iq864YUIDBiT4thwZ KmS44gXlxwb+ZiwY0MPiY29d9xTyL5N8uAAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAJElEQVR4XtXLoQEAIAwDs IwjOHe/7pKikUjiU0k2Bu3RcvklHy5mBHrlIMAiAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAECAYAAABREWWJAAAAJUlEQVR4XsXLwQ0AAATF0 M8iprSAxcsK4uAlPdaA1F5N4Tr4mxu7iwQb2/HAUwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAOCAYAAADqtqZhAAAAH0lEQVR4Xs3HsQ0AAAQAs Ebc7H0WgxN0qz4SZQU8zQCJkgyHzWNgDgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAOCAYAAADqtqZhAAAAIElEQVR4Xs2OsQkAAAiAp J+731qiTkhwcBM1x+DwLPBQcFcWY7gG3lsAAAAASUVORK5CYII=); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x; background-position: bottom left, right top, left top, right right, left top, right top, left top, left bottom; background-color: rgba(255,255,255,0.5); padding:20px; margin:20px; color:#000; } </style> </head> <body> <div class="block"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla et nisl. Pellentesque rhoncus, tellus eu feugiat tempor, purus nibh sodales ante, porttitor commodo nulla massa vel justo. Etiam quis leo et enim scelerisque venenatis. Morbi ligula. Proin sed mauris. Proin feugiat mi in odio. Suspendisse potenti. Duis eget augue vitae felis posuere tempor. Etiam volutpat posuere turpis. Curabitur et lacus. Maecenas pede dui, consequat in, commodo a, dictum eu, leo. Nunc erat. Etiam volutpat. Nam id mi vel massa scelerisque eleifend. Aliquam id mauris. Quisque eget libero sit amet augue mattis tristique. </div> </body> </html>
  13. Destrifer
    Searcher - ну как бы на js там много чего другого, а динозавров без js, как справедливо отметил s0rr0w, наверно уже нигде нет. Кроме того лучше 1 запрос, вместо 12.
  14. Destrifer
    Решил поискать вариант закругленных уголков, но без картинок или кучи вложенных тегов, т.е. на javascript. Для использования на полупрозрачных дивах с неоднородным бэком. Ну и вес желательно поменьше . Но как-то все грустновато выходит - толкового варианта так и не нашел. Все варианты не доделанные . Rounded corners - небольшой вес, но известная проблема - под закругленными уголками лежат квадратные , с неоднородным бэком не прокатит. Jquery corner - две библиотеки, да и таже проблема что и выше. Nifty Corners, Nifty Corners Cube - оба варианта не поддерживают бэк, только установка цвета, точно размер скругления задать нельзя. ShadedBorder - небольшой вес, куча возможностей, однако бэк поддерживается неполностью - остается прозрачная полоса снизу. Сurvy corners - вроде все круто, но повторяющиеся бэк но поддерживает - полосы снизу и сверху. corner.js - это вроде только для изображений (на див натянуть не получилось). Т.е. огород полюбому городить приходится? Может кто знает еще какие реализации на JS? p.s. для себя пока нашел решение в использвании CSS3, VML и SVG. А так хотелось маленьго счастья размером в 10 Кб .
  15. Destrifer

    DOM

    Destrifer replied to Destrifer's question in JavaScript

    Ок, спсасибо.
  16. Destrifer

    DOM

    Destrifer posted a question in JavaScript

    <div id='1'> <a>...</a> <a>...</a> <a>...</a> ... <a id='2'>...</a> </div> Див двигается, его свойство top получается легко. Однако не могу получить свойство top последней ссылки. Скажем, цвет бекграунда изменить можно, а значение top получить не получается. Why? p.s. может надо что-то типа document.getElementById("1").lastChild.style.top... (не работает)
  17. Destrifer

    clip

    Destrifer replied to Destrifer's question in HTML Coding

    Для скроллинга. Есть еще, конечно, вариант с overflow: hidden... Но спасибо, думаю, оставить пока как есть
  18. Destrifer

    clip

    Destrifer replied to Destrifer's question in HTML Coding

    Жаль. А как-же тогда "резину" делать? JS?
  19. Destrifer

    clip

    Destrifer replied to Destrifer's question in HTML Coding

    htmlbook - говорит следующее - "В качестве значений используется расстояние от края элемента до области вырезки, которое задается в единицах CSS — пикселы (px), проценты (%) и др." Здесь упоминания по ед. из. не нашел
  20. Destrifer

    clip

    Destrifer posted a question in HTML Coding

    Не берет размеры в %, в пикселах - берет.
  21. Destrifer
    HTML? (сделал и ему 90% ) p.s. УРА!!! ЗАРАБОТАЛО!!! Спасибо!
  22. Destrifer
    Не, body тоже задал 90%
  23. Destrifer
    Задал родительскому 90% - тоже самое.
  24. Destrifer
    Div идет как подлжка (т.е. без контента). В пикселах рисуется, в % - нет.
  25. Destrifer
    Спасибо, буду переваривать
×
×
  • 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