Jump to content

rmaksim

Newbie
  • Posts

    24
  • Joined

  • Last visited

Everything posted by rmaksim

  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/
  16. если известна ширина блока с тенью и если делать тень простую (не объемную, так сказать...) то может вот так кому сгодиться... если пошаманить... то может и краше выйдет... p.s. в примере и тень как бы есть, и цвет ее можно менять (ну мало ли кому надо синяя тень ), ну и ширину само собой... <!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> <title></title> <style type="text/css"> <!-- *{ margin: 0; padding: 0; } body{ background: url(http://i29.photobucket.com/albums/c300/serdeles/bg-jeans.gif); } .box-out2, .box-out{ position: absolute; top: 33px; left: 60px; width: 160px; padding-bottom: 10px; overflow: hidden; } .box-out2{ top: 10px; left: 10px; z-index: 1; } .box-inner{ position: relative; top: 10px; left: 10px; width: 150px; } .text{ position: relative; top: -10px; left: -10px; width: 140px; padding: 5px; background-color: #ffc; z-index: 1; } .sha{ position: absolute; top: 0; left: 0; width: 100%; height: 10000px; background-color: #000; opacity: .3; *filter:alpha(opacity=30); } .box-out2 .sha{ background-color: #00f; } --> </style> </head> <body> <div class="box-out"> <div class="box-inner"> <div class="text"><p>1 23 456 789 1 23 456 789 1 23 456 789 1 23 456 789 </p></div> <div class="sha"></div> </div> </div> <div class="box-out2"> <div class="box-inner"> <div class="text"><p>1 23 456 789 1 23 456 789 1 23 4</p></div> <div class="sha"></div> </div> </div> </body> </html>
  17. direction: rtl - нифига се случайно
  18. сделай свой обтекаемый див размером height:230px; ну или вставь свой 150px в новый с высотой 230... и те дивы которые опускаются - они и опустятся до следующей строки как-бы...
  19. это... именно так как ты написал... , ты пример смотрел? закрась спаны и увидишь как это работает... можно и clear:left;, тогда комменты будут примерно такие float: left; /*— обтекать слева —*/ clear: left; /*— не обтекать слева —*/
  20. для конкретной картинки(буквы) можно попробовать так... <!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> <title></title> <style type="text/css"> <!-- b{ position: absolute; top: 0; left: 0; font: 130px/130px Verdana; } p{ position: relative; width: 320px; text-align: justify; font-size: 14px; line-height: 16px; } span{ display: block; float: left; clear: both; height: 16px; margin-right: 10px; } --> </style> </head> <body> <p> <b>A</b> <span style="width:55px;" ></span> <span style="width:60px;" ></span> <span style="width:65px;" ></span> <span style="width:70px;" ></span> <span style="width:75px;" ></span> <span style="width:80px;" ></span> <span style="width:85px;" ></span> <span style="width:90px;" ></span> как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта как бы обтекание объекта </p> </body> </html> если делать много таких фрагментов - то... как говорится "выбор за вами", а если одна картинка - так можно и потратить минут 5... и сделать красиво... высота строки текста и наших span-ов соответственно должны быть равны (в примере 16px), что бы нормально все переносилось и не "зависало нигде"...
  21. надо поставить в param - и в embed - тока обязательно обе этих строки !!! ну а слой сверху, с любым z-index: 77; например
  22. вот тут расписано ... вроде более менее понятно... http://validator.ru/content/view/81/33/
  23. dlя_этого_слоя_сделай { margin: 0 auto; }
×
×
  • 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