deadrash
-
Posts
639 -
Joined
-
Last visited
-
Days Won
4
Content Type
Profiles
Forums
Calendar
Store
Everything posted by deadrash
-
Никто вас не забанит за такие вопросы, с чего вы вдруг так решили, мы же не звери какие, наоборот, задавайте вопросы что-бы учится и развиваться! Изучайте CSS в нём это делается оооочень просто! например что бы в вашей таблице цвет текста сделать белым дастаточно написать в CSS table { color:#FFF; } Всё, цвет белый =) всё очень просто.
-
А для чего он там нужен? лишний элемент только для оформления. Это же просто картинка которая может располагаться где угодно, под неё не нужно создавать лишний блок. тем более что у вас верхний блок известной высоты. просто поставте картинку куда-нибудь в body и отодвиньте её от верха на нужное количество пикелей, а место под картинку можно освободить либо задав padding верхнему блоку, либо нижние блоки отодвинуть.
-
Порекомендовать в плане обучения? Да вы в общем всё правильно делаете: сверстали, выставили, обсуждаем. Теперь вместе будем понемногу улучшать то что у вас получилось, различными советами и предложениями. Вы исправьте то что уже было высказано и продолжим дальше.
-
Решение точно сложно подобрать, возможно много нюансов, от себя могу предложить попробовать давольно простой способ который на словах трудно описать. Таки способом порядок отображения может быть любым и не зависит от порядка следования в потоке, да и колонок может быть любое число. К тому же их можно в % указывать. 3колонки - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <link href="/sys/css/main.css" rel="stylesheet" type="text/css" media="screen, projection" /> <!--[if IE 6]><link href="/sys/css/ie6.css" rel="stylesheet" media="all" /><![endif]--> <title>Оформление сайта</title> <style type="text/css"> #wrapper { height: 100%; margin-left: 250px; margin-right: 200px; } #wrapper .colum { position: relative; } #content { float: left; width: 100%; } #uno { float: right; margin-right: -200px; overflow: hidden; width: 200px; } #dos { float: left; left: -250px; margin-left: -100%; width: 250px; } </style> </head> <body class="orange"> <div id="wrapper"> <div id="content" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#content { float: left; width: 100%; }</pre> </div> <div id="uno" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#uno { float: right; margin-right: -200px; overflow: hidden; width: 200px; }</pre> </div> <div id="dos" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#dos { float: left; left: -250px; margin-left: -100%; width: 250px; }</pre> </div> </div> </body> </html> 4 колонки - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <link href="/sys/css/main.css" rel="stylesheet" type="text/css" media="screen, projection" /> <!--[if IE 6]><link href="/sys/css/ie6.css" rel="stylesheet" media="all" /><![endif]--> <title>Оформление сайта</title> <style type="text/css"> #wrapper { height: 100%; margin-left: 250px; margin-right: 400px; } #wrapper .colum { position: relative; } #content { float: left; width: 100%; } #uno { float: right; margin-right: -200px; overflow: hidden; width: 200px; } #dos { float: left; left: -250px; margin-left: -100%; width: 250px; } #tres { float: right; margin-right: -400px; overflow: hidden; width: 200px; } </style> </head> <body class="orange"> <div id="wrapper"> <div id="content" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#content { float: left; width: 100%; }</pre> </div> <div id="uno" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#uno { float: right; margin-right: -200px; overflow: hidden; width: 200px; }</pre> </div> <div id="dos" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#dos { float: left; left: -250px; margin-left: -100%; width: 250px; }</pre> </div> <div id="tres" class="colum"> <p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> <pre>#tres { float: right; margin-right: -400px; overflow: hidden; width: 200px; }</pre> </div> </div> </body> </html> Для body можно указать min-width что бы левая колонка не съезжала. В моём примере для ie6 для левого блока нужно добавить <!--[if IE 6]><style type="text/css">#uno{left:-100%;margin-left:-250px;}</style><![endif]--> хотя в принципе его можно немного по другому расположить.
-
Дальше не стал смотреть. upd>посмотрел чуть дальше. А для чего у вас отдельный блок .line_center ? эту картинку просто фоном куда угодно воткнуть можно, хоть в html хоть в body хоть в title
-
А зачем вы сверху списка блоки надвинули? Вот они то и не дают мышке попасть на список.Такие иконки делаются через background-image: для каждой li либо для всего ul p.s. дизайн понравился, особенно эти круглешки синие и оранжевые, но ИМХО вот тут http://www.photoemotion.ru/images/head-bg1.jpg их лучше не обрезать справа прямой линией. Картинку можно чуточку продллить и подставить в html или body тег.
-
Да.
-
Приключения float, clear и двухколоночного макета
deadrash replied to Veseloff's question in HTML Coding
Открыл пример http://borber.ru/htmlbook/template2.html Добавил для .block свойство float:left; посмотрел везде работает нормально, не понял что у вас не получается. Может я вопрос не правильно понял? upd> Если ширина блоков не задана, тогда в конце каждого .block блока перед </div> можно добавлять <p style="clear: both;"></p> -
Дело не в скорости интернета, у вас может быть 1000МБ спутниковая прямая связь до сервера, но сайт всё равно будет долго грузиться если в нём большое количество(больше 100) файлов (даже если они весят по 1кб) по той просто причине что однавременно может передаваться толкько ~6 файлов.Хотя есть техника нескольких серверов для отдачи одного сайта, но как это реализовать я ещё не понял =) p.s. Как в моём понимании происходит загрузка файлов с сервера: Например пинг до сервера у нас 40ms, а одновременная загрузка возможна только для 6-ти файлов. Диалог серверов: привет> 40ms <привет 40ms запрос> 40ms <передача фалов 40ms запрос> 40ms <передача файлов 40ms запрос> 40ms <передача файлов 40ms представь что файлов штук 300 ...
-
1. Большое количество запросов к серверу тормозят загрузку, с помощью дата:урл можно свести все картинко-запросы в 1 запрос. 2. Перед обычними картинками никаких приемуществ, даже наоборот, в виде дата:урл картинки весят больше. Зато если вы занимаетесь оптимизицией например через спрайты(склеивание нескольких картинок в одну) то наверняка знаете что далеко не все картинки можно склеить. А с помощью дата:урл можно клеить их без ограничений. 3. При помощи php очень просто, функция base64_encode() переводит картинку в 64битный формат. Вот пример скрипта который я для этого написал, (я только учусь программить на php) так что лучше перечитайте и переделайте =))) Функция узнаёт браузер поддерживающий data:url (ФУНКЦИЮ ТОЛЬКО НАЧАЛ ПИСАТЬ) она пока определяет поддержку только для IE7+ Opera7.2+ FF2+ Chrooome //——————————————————————- // Функция определения браузера по данным поля User-Agent //——————————————————————- function getUserAgent() { // Получить переменную окружения $str=getenv('HTTP_USER_AGENT'); $result = 'NO'; // Попытаться определить известные браузеры по сигнатурам if (eregi("Chrome/([0-9a-z\.]*)",$str,$pocket)) {// "Google Chrome " $pocket[1]; $result = 'OK'; } elseif (eregi("Opera[/ ]([0-9a-z\.]*)",$str,$pocket)) {// "Opera " if($pocket[1] >= "7.2") $result = 'OK'; } elseif (eregi("MSIE ([0-9a-z\.]*)",$str,$pocket)) {// "Internet Explorer " if($pocket[1] > "7") $result = 'OK'; } elseif (eregi("(SeaMonkey|Firefox|GranParadiso|Minefield|Namoroka|" . "Shiretoko)/([0-9a-z\.]*)", $str, $pocket)) {// "Mozilla ".$pocket[1] . " " if($pocket[2] >= "2.0") $result = 'OK'; } elseif (eregi("rv:([0-9a-z\.]*)",$str,$pocket) && strpos($str,"Mozilla/",0)!==false) {// "Mozilla " if($pocket[1] > "1") $result = 'OK'; } elseif (eregi("(NetFront|K-Meleon|Netscape|Galeon|Epiphany|Konqueror|" . "Safari|Opera Mini)/([0-9a-z\.]*)",$str,$pocket)) { // $pocket[1]." " //$pocket[2]; } elseif (eregi("Orca/([ 0-9a-z\.]*)",$str,$pocket)) {// "Orca Browser " //$pocket[1]; } elseif (strpos($str,"Acoo Browser",0)!==false) {// "Acoo Browser"; } elseif (eregi("Iron/([0-9a-z\.]*)",$str,$pocket)) { // "SRWare Iron ".$pocket[1]; } elseif (eregi("(Maxthon|NetCaptor)( [0-9a-z\.]*)?",$str,$pocket)) { // $pocket[1] //$pocket[2]; } elseif (strpos($str,"MyIE2",0)!==false) {// "MyIE2"; } elseif (eregi("Lynx/([0-9a-z\.]*)",$str,$pocket)) {// "Lynx " //$pocket[1]; } elseif (strpos($str,"Avant Browser",0)!==false) {// "Avant Browser"; } else {// Это какой-то неизвестный браузер $result = 'NO'; } return $result; } $support_data_url = getUserAgent(); Функция перевода изображения в дата:урл (все картинки должны быть от корня сайта) function dataUrl($url) { global $support_data_url; if($support_data_url === 'OK') { $filetype = strtolower(substr($url, strpos($url, ".") + 1)); $patch = $_SERVER['DOCUMENT_ROOT'] . $url; $code = base64_encode(file_get_contents($patch)); print 'data:image/' . $filetype . ';base64,' . $code; } else { print $url; } } Теперь для картинок маленького размера, в CSS файле я пишу: background-image:url("<?php dataUrl('/sys/img/back/ramki/orange/gorizantal.png') ?>"); Всё остальное скрипт делает сам. 4. Загвоздка в оснавном в IE <= 7 5. http://webo.in/articles/habrahabr/64-css-to-post-load/ посмотри параграф "примеры загрузки". Есть и подводные камни. Самый главный заключается в том что цсс файл становиться очень весомым, а это очень плохо по многим причинам. По этому data:url имеет смысл использовать ТОЛЬКО в с применением пос- загрузки дополнительного CSS файла с этими самыми картинками, как описано в этой статье http://webo.in/articles/habrahabr/64-css-to-post-load/ p.s. Эти скрипты должны работать в самом CSS файле, для этого на серве в файле .thaccess нужно указать что цсс файл нужно обрабатывать php интерпритатором, делается это строчкой AddType application/x-httpd-php .php .html .css Если стили не применяются возможно кодировка не подходит. Её можно указать в начале CSS файла строчкой <?php header('Content-Type: text/css; charset=utf-8'); ?>
-
Спасибо! Получается Opera 7.2, Malizilla 2.0 и IE 8 поддерживают, пока для них и воткну. Остальной зоопарк буду вручную потихоньку тестировать.
-
Никак не гуглится. В википедии говорят ...в настоящее время поддерживается браузерами Mozilla (и его производными типа Firefox), Opera, Safari и Konqueror. Internet Explorer версии 7 не поддерживает ещё на каком-то левом сайте говорят Opera 7.2+, Firefox, Safari, Netscape и Mozilla поддерживают data:URI, Internet Explorer 5-7 - решительно нет. Только вот непонятно, начиная с каких версий, какой браузер поддерживает data:utl, например Mozilla с версии 2.0?
-
Весь сайт - один большой скрипт, так что с отключённым яваскриптом там ничего не сделаешь. Да вроде он не весь сайт сливает, а только картинки те которые прописаны в CSS. Вообще там фак есть, мне только сейчас никак времени на него не хватает =\
-
Не так. Вот так http://htmlbook.ru/html/form/method
-
Что можете сказать об этом ресурсе http://duris.ru/ ? Сам ещё не пробовал, времени пока сильно не хватает свободного.
-
страница 404 очень понравилась! а остальной сайт разъедает глаза за 3.8 секунды.
-
Под линем шрифты отображаются иначе.
-
Понял но не сразу, не имел дело с SSI
-
Ааа... странно, я думал там какая-то чёрная магия... а оказалось так просто. И всё равно не совсем понял, ведь при присвоении ей чего либо её тип может измениться самым естественным образом и это только запутает читателя наверное. Короче надо подумать посильней над этим, рас уж пользуются ...
-
Да, можно ещё использовать .sphp, но разве не без разницы какое будет расширение у файла? Ведь можно указать в htaccess какие файлы обрабатывать php интерпретатором, можно указатm даже CSS файл, и в него савать php код. Строчка простая AddType application/x-httpd-php .php .html .css Можно и вовсе без разширения использовать файлы, разширение имхо нужны только для удобства: a. Работы вашего редактора файлов, (программа в которой есть подсветка кода обычно, при выборе языка подсветки, отталкивается от разширения файла). b. Удобней на сервере производить листинг файлов. c. Удобней составлять каталоги файлов. d. Может ещё чего e. profit...
-
Aptana Zen Codinghttp://vimeo.com/7405114 http://code.google.com/p/zen-coding/
-
Читаю Объектно-ориентированное программирование на PHP 5 Питера Ловейна, по ходу чтения возникают вопросы которые в книге не затрагиваются, а вопросы совсем ерундовые, по тем что не гуглятся задам здесь, буду признателен любому ответу!! Надеюсь вопросов будет не много В общем такой вопрос. В начале даётся такой простенький класс с помощью него можно вывести список изображений находящиеся в определённой директории. Я не понимаю для чего там в конструкторе создаётся переменная $d = ''; зачем создавать пустую переменную если двумя строчками ниже она создаётся сразу с присвоением значения? И в методе checkAllImages() там тоже создаётся пустая переменная $extension=''; до присвоения значения. Для чего он так делает? <?php class DirectoryItems{ //data members var $filearray = array(); //////////////////////////////////////////////////////////////////// //constructor //////////////////////////////////////////////////////////////////// function DirectoryItems($directory){ $d = ''; if(is_dir($directory)) { $d = opendir($directory) or die("Couldn't open directory."); while(false !== ($f = readdir($d))) { if(is_file("$directory/$f")) { $this->filearray[]=$f; } } closedir($d); }else{ //error die('Must pass in a directory.'); } } //////////////////////////////////////////////////////////////////// //public functions //////////////////////////////////////////////////////////////////// function indexOrder(){ sort($this->filearray); } //////////////////////////////////////////////////////////////////// function naturalCaseInsensitiveOrder(){ natcasesort($this->filearray); } //////////////////////////////////////////////////////////////////// function checkAllImages(){ $bln=true; $extension=''; $types= array('jpg', 'jpeg', 'gif', 'png'); foreach ($this->filearray as $value){ $extension = substr($value,(strpos($value, ".")+1)); $extension = strtolower($extension); if(!in_array($extension, $types)){ $bln = false; break; } } return $bln; } //////////////////////////////////////////////////////////////////// function getCount() { return count($this->filearray); } //////////////////////////////////////////////////////////////////// function getFileArray(){ return $this->filearray; } }//end class //////////////////////////////////////////////////////////////////// ?>
-
Надпись "Login" меняешь на <img src="ПУТЬ_ДО_КАРТИНКИ/САМА_КАРТИНКА.BMP" alt="название картинки" />