klierik
-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
хмъ... ответ столь банален... читали б выше, я уже писал что учить ПХП у меня желания нет. я - кодер. мне ПХП и даром не нужен ))) и говорим мы не про то что кому учить, а про то есть ли такая, или приблеженная по возможностям, CMS Отписывайтесь, пожалуйста, по сабжу
-
Приветствую, Вас, жители сего форума. Мне вот стало интересно - под какие браузеры мы верстаем странички и под каким стандартом? Если быть точнее - в каких браузерах вы проверяете сделанную работу. Так же стало интересно, с выходом каждой новой версии браузера, поднимается ли стоимость верстки ориентируясь на его поддержку. Да и вообще, сколько на сей день стоит верстка среднего по сложности проекта(1 топовая страница + 2 внутрених) под все распрастраненные браузеры. Приведу список браузеров: - Internet Explorer 6 - Internet Explorer 7 - Internet Explorer 8 (beta) - FireFox 2 - FireFox 3 - Opera 9.2 - Opera 9.5 - Safari 3 for Windows Вроде никого не забыл. В общем есть про что поговорить ))) -
ярлыку мона ручками указать исконку
-
поднимаю старый сабж... может ктото видал чтото такое... вообще... появились некие идею почему хочу выбрать именно CMS: есть главная страничка. так. в на ней все сделаные проекты в виде превьюшек. каждый проект, ессественно, имеет свою страничку с большим скриншотом дизайна. так же должен быть линк на просмотр в живую страниц проекта (просто говоря верстки) наличие модуля рейтинга посещения и рейтинг юзеров. система учетных записей. к примеру, есть постоянный заказчик. он авторизируется в системе. заходит на свою страничку и сам добавляет таски исполнителю. ставит свою цену и сроки. исполнитель заходит и так же видит его таск, может поменять цену, время и все такое, оставить каменты. пока оба не согласятся, таск не считаеться начатым. потом исполнитель указывает линк для "живого" просмотра работы. если проект весомый и занимает много времени, в таком случае существует шкала которая отображает сколько работы уже сделано. в общем вот чтото такое... мож ктото встречал?
-
у мя в фф все окей за исключением того что грузилось более минуты хост медленный (((
-
html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--link rel="stylesheet" type="text/css" href="../../jsgui/css/source/base.css" /--> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Shadow Box</title> </head> <body> <!--START STRUCTURE--> <div class="shwBox"> <div class="shdw"> <div class="s1"></div> <div class="s2"></div> <div class="s3"></div> </div> <div class="data"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <!--END STRUCTURE--> </body> </html> css: /****************************************************************************************************/ /********** Shadow Box ******************************************************************************/ body { padding: 32px; font-family: Tahoma; color: #333; } div { font-size: 0; } * {margin: 0px; padding: 0px; outline: none;} p { font-size: 11px; } div.shwBox { position: relative; } /****** shadow constructor ******/ div.shdw { position: absolute; height: 100%; width: 100%; overflow: visible; /* for ie6 */ _height: expression(parentNode.offsetHeight + 'px'); _width: expression(parentNode.offsetWidth + 'px'); } /***** shadow layers *****/ div.shdw div.s1, div.shdw div.s2, div.shdw div.s3, div.shdw div.s4 { position: absolute; left: 0; top: 0; background-color: #000; height: 100%; width: 100%; /* for ie6 */ _height: expression(parentNode.offsetHeight + 'px'); _width: expression(parentNode.offsetWidth + 'px'); } div.shdw div.s1 { left: 3px; top: 3px; filter:alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } div.shdw div.s2 { left: 2px; top: 2px; filter:alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: 0.15; } div.shdw div.s3 { top: 1px; left: 1px; filter:alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } /****** content ******/ div.data { padding: 5px 7px 8px; position: relative; z-index: 2; background-color: #fff; border: 1px solid #eee; border-bottom: none; border-right: none; } + не много модернизировал.. исключил один тег пытался под ИЕ6 уменьшить хаки, но не получается. уж слишком он дубовый ((( а так, юзайте на здоровье
-
у меня под ИЕ6 ваааще полный абзац.. нет стилей. а по-новому, ето в смысле учим блочную верстку и CSS 2,1 тот код который сейчас, сорри, полный сакс рекомендую все с начала выучить!!!!!!
-
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
klierik replied to sineus's question in HTML Coding
етот софт позволяет под одной ОС запустить ИЕ6/7 -
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
klierik replied to sineus's question in HTML Coding
знаете.. я все соединил во едино по шустрому. проверил в ФФ2, ИЕ6/7 все работает отлично. скажите, а Вы случайно не проверяете под StandAlone ?! -
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
klierik replied to sineus's question in HTML Coding
окей... теперь скажите, пожалуйста, что значит "перестают работать"? -
нельзя, так как это НЕ(!) свойство стиля элемента, а атрибут тега
-
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
klierik replied to sineus's question in HTML Coding
не смотрел код, но: 1. выравнивание - margin: 0 auto; 2. дабы выровнять блочный элемент, надо что б он имел фиксированную ширину. -
1. под ИЕ стили вообще не грузятся советую переверстать по новому.
-
http://graphic-tutorials.ru/content/view/18/32/ изучив данный урок ви научитесь создавать градиенты (переливание, как Вы сказали)
-
filter:alpha(opacity=50); /* IE 5.5+*/ -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ src: http://www.internet-technologies.ru/articl...ticle_1028.html вообще есси было б время... то сделал бы поинтересне.. с закругленными углами... и большего размера... но только под нормальные браузеры (ИЕ не нормальный) в общем, мне кажется, что если искать универсальное решение, и в случае когда дизайн не столь щепетильный, и есть возможность от него отклониться в сторону верстальщика нежели дизайнера, то вполне можно использовать данный вариант. а еще у ИЕ есть свой фильтр тени ))) но мне он не очень нравиться.. я его использовал только однажды. именно в крайнем случае. update: уточняйте в следующий раз версию браузера. Не работает в опере 9.5. хотя уверен что немного с бубном потанцевать и все будет на ура зы: пофикшу, как будет время... или будет надобность ))))
-
на данный момент: Всего загрузок 7,067,303
-
если нужно что б он был НЕ(!) резиновым, в таком случае мой пример + overflow: auto на блоки с контентом. Вообще задача довольно таки легкая (как мне кажется) и я не понимаю почему не подходит мой пример возможно потому что Вы излагаете неверно саму задачу, что скорее всего
-
css: /****************************************************************************************************/ /********** Shadow Box ******************************************************************************/ body { padding: 32px; font-family: Tahoma; color: #333; } div { font-size: 0; } * {margin: 0px; padding: 0px; outline: none;} p { font-size: 11px; } div.shwBox { position: relative; } /****** shadow constructor ******/ div.shdw { position: absolute; height: 100%; width: 100%; /* for ie6 */ _height: expression(parentNode.offsetHeight + 'px'); _width: expression(parentNode.offsetWidth + 'px'); } /***** shadow layers *****/ div.shdw div.s1, div.shdw div.s2, div.shdw div.s3, div.shdw div.s4 { position: absolute; left: 0; top: 0; background-color: #000; /* for ie6 */ _height: expression(parentNode.offsetHeight-1 + 'px'); _width: expression(parentNode.offsetWidth-1 + 'px'); } div.shdw div.s1 { top: 2px; right: 1px; bottom: 1px; left: 2px; filter:alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } div.shdw div.s2 { top: 1px; right: 2px; bottom: 2px; left: 1px; filter:alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: 0.15; } div.shdw div.s3 { right: 3px; bottom: 3px; filter:alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } /***** data background case ******/ div.shdw div.s4 { background-color: #fff; top: 0px; right: 4px; bottom: 4px; border: 1px solid #eee; border-right: none; border-bottom: none; /* for ie6 */ _height: expression(parentNode.offsetHeight-3 + 'px'); _width: expression(parentNode.offsetWidth-3 + 'px'); } /****** content ******/ div.data { padding: 5px 7px 8px; position: relative; z-index: 2; } html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--link rel="stylesheet" type="text/css" href="../../jsgui/css/source/base.css" /--> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Shadow Box</title> </head> <body> <!--START STRUCTURE--> <div class="shwBox"> <div class="shdw"> <div class="s1"></div> <div class="s2"></div> <div class="s3"></div> <div class="s4"></div> </div> <div class="data"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <!--END STRUCTURE--> </body> </html> играться с бордерами, имхо, не прикольно так как теряеться сама прозрачность )) а то есть то что под тенью НЕ будет видно... мне все же по душе прозрачность
-
фиксированная высота + overflow: auto;
-
img.t_img { margin: 0px 10px 20px 0px; } если не помогет: img.t_img { margin: 0px 10px 20px 0px; display: block; }
-
убрать block выставить width: Xpx;
-
2sneg06, пожалуйста, не мультипосте. используйте кнопку "Редактировать"
-
та нет.. просто интересно ))) через фар... интересно ))) будем знать tnx u
-
ну на таблице данное делается без проблем... на блоках - надо подумать... upd: вот к примеру такой код на блоках: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> div.holder { overflow:hidden; /* for ie6 */ _height:1%; } div.left-bar {width: 200px; float:left; background-color:#000;} div.right-bar {width: 300px; float:right; background-color:green;} div.main-data {margin:0 300px 0 200px; background-color:red;} div.under {margin-right: 300px; background-color:blue; } div {color:#fff;} </style> </head> <body> <div class="holder"> <div class="left-bar"> Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. </div> <div class="right-bar"> Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. </div> <div class="main-data"> В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. </div> <div class="under"> Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной в?рстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum. </div> </div> </body> </html> проверил в ФФ2 и ИЕ7 но думаю что будет работать везде.
-
во-первых используйте служебные теги и помещайте в них код во-вторых потрудитесь выучить хотябы азы построения html документа