rmaksim
Newbie-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by rmaksim
-
и еще один примерчик http://rmaksim.habrahabr.ru/blog/41220/
-
Помогите заставить работать POSITION в IE 6.0...
rmaksim replied to RSRuslan's question in HTML Coding
ИЕ не может так сделать и для этого как всегда надо еще маленькая тележка кода... http://designformasters.info/posts/absolute-position-layout/ -
конечно приятно... особенно когда сам находишь решение... как в том мультике - лучше день потерять - зато потом за 5 мин. долететь...
-
Проблема с максимальным расширением дива в диве среди дивов
rmaksim replied to Aleks_P's question in HTML Coding
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> -
да все просто... в FF при 1024 document.body.clientWidth = 1000 (у меня по крайней мере, смотря какая тема стоит) а в ИЕ соотв 995(у меня опять же. не знаю как у кого) что при вашей min-width = 999 дает прокрутку в 4px... потому ставлю для этого разрешения 994 например... (пока ниХто не жаловался )
-
немножно js для css, второе правило можно(нужно!) спрятать соотв. тока для "нужного" ИЕ... tr:first-child{ background-color: #fcc; } tr{ background-color: expression((this == this.parentNode.firstChild) ? ('#fcc') : ('none')); }
-
прыгает тока в ИЕ? лучше поставить для fieldset float:left: а падинги на самом деле грохнуть + грохнуть border (его длина же прибавляется к твоим 46+2+2 %% ?) ИЕ не пральна считает проценты иногда при этом твои 50%+50% не всегда будут равны 100% для ИЕ... ...однако для второго fieldset можно было бы поставить margin-right: 0; т.е. будет 50+48% и в тоже время останется с одинаковыми отступами...
-
чутка путаешь - НЕ работает только для IE... 6 и ниже, надо использовать expression, например: width:expression(document.body.clientWidth < 800? "800px" : 100% );
-
для первого "сегоро" блока ставишь - z-index:2; для второго соответственно z-index:1; а вот как это сделаешь, решай сам, либо либо каждому блоку id, и уже в стилях прописать z-index... из примера выше z-index:100; действует внутри
-
Скорее нет чем да. Для ознакомления туда-же http://stepbystep.htmlbook.ru/?pid=4
-
для - это 3 горизонтальных линии overflow: hidden; или line-height: 0;
-
тож с исходниками http://www.internet-technologies.ru/templates/
-
Размещение содержимого блока по центру при owerflow
rmaksim replied to Nil's question in HTML Coding
вариант для картинки, на флэшке не проверял, но мот тож прокатит <!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> -
вот более наглядно видать как это работает http://storage.couchfort.net/cssCurves/
-
если известна ширина блока с тенью и если делать тень простую (не объемную, так сказать...) то может вот так кому сгодиться... если пошаманить... то может и краше выйдет... 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>
-
direction: rtl - нифига се случайно
-
сделай свой обтекаемый див размером height:230px; ну или вставь свой 150px в новый с высотой 230... и те дивы которые опускаются - они и опустятся до следующей строки как-бы...
-
ну вот и ладненько...
-
это... именно так как ты написал... , ты пример смотрел? закрась спаны и увидишь как это работает... можно и clear:left;, тогда комменты будут примерно такие float: left; /*— обтекать слева —*/ clear: left; /*— не обтекать слева —*/
-
для конкретной картинки(буквы) можно попробовать так... <!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), что бы нормально все переносилось и не "зависало нигде"...
-
надо поставить в param - и в embed - тока обязательно обе этих строки !!! ну а слой сверху, с любым z-index: 77; например
-
странный глюк в IE при использовании fieldset
rmaksim replied to webmanager-pro's question in HTML Coding
вот тут расписано ... вроде более менее понятно... http://validator.ru/content/view/81/33/ -
dlя_этого_слоя_сделай { margin: 0 auto; }