Jump to content

rmaksim

Newbie
  • Posts

    24
  • Joined

  • Last visited

rmaksim's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. и еще один примерчик http://rmaksim.habrahabr.ru/blog/41220/
  2. думаю стоит приписать что этот бакграунд будет тока в пределах этой first-letter, т.е. грубо говоря картинка а потом текст... - например не получится например сделать какой-нить привычный градиент и поверх него текст...
  3. ИЕ не может так сделать и для этого как всегда надо еще маленькая тележка кода... http://designformasters.info/posts/absolute-position-layout/
  4. rmaksim

    IE7

    конечно приятно... особенно когда сам находишь решение... как в том мультике - лучше день потерять - зато потом за 5 мин. долететь...
  5. klierik - у этого способа есть недостаток - если левая колонка длинная, а в центральной приходится применять clear - то все что ниже дива с сlear - будет ниже левой колонки <div class="left">left1 left2 left3 left4</div> <div class="right">right1 right2</div> <div class="center"> center1 <div class="clear"></div> center2 - эта строка должна быть второй, а будет ниже 4-й </div>
  6. rmaksim

    IE7

    да все просто... в FF при 1024 document.body.clientWidth = 1000 (у меня по крайней мере, смотря какая тема стоит) а в ИЕ соотв 995(у меня опять же. не знаю как у кого) что при вашей min-width = 999 дает прокрутку в 4px... потому ставлю для этого разрешения 994 например... (пока ниХто не жаловался )
  7. немножно js для css, второе правило можно(нужно!) спрятать соотв. тока для "нужного" ИЕ... tr:first-child{ background-color: #fcc; } tr{ background-color: expression((this == this.parentNode.firstChild) ? ('#fcc') : ('none')); }
  8. прыгает тока в ИЕ? лучше поставить для fieldset float:left: а падинги на самом деле грохнуть + грохнуть border (его длина же прибавляется к твоим 46+2+2 %% ?) ИЕ не пральна считает проценты иногда при этом твои 50%+50% не всегда будут равны 100% для ИЕ... ...однако для второго fieldset можно было бы поставить margin-right: 0; т.е. будет 50+48% и в тоже время останется с одинаковыми отступами...
  9. чутка путаешь - НЕ работает только для IE... 6 и ниже, надо использовать expression, например: width:expression(document.body.clientWidth < 800? "800px" : 100% );
  10. для первого "сегоро" блока ставишь - z-index:2; для второго соответственно z-index:1; а вот как это сделаешь, решай сам, либо либо каждому блоку id, и уже в стилях прописать z-index... из примера выше z-index:100; действует внутри
  11. Скорее нет чем да. Для ознакомления туда-же http://stepbystep.htmlbook.ru/?pid=4
  12. для - это 3 горизонтальных линии overflow: hidden; или line-height: 0;
  13. тож с исходниками http://www.internet-technologies.ru/templates/
  14. вариант для картинки, на флэшке не проверял, но мот тож прокатит <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> .box{ position: relative; width: 50%; height: 100px; background-color: #fcc; overflow: hidden; } .box img{ position: absolute; left: 50%; margin-left: -250px;/* half image width */ } </style> </head> <body> <div class="box"> <img src="img.jpg" width="500" alt="" /> </div> </body> </html>
  15. вот более наглядно видать как это работает http://storage.couchfort.net/cssCurves/
×
×
  • 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