Пятница
User-
Posts
68 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Пятница
-
SSI только начинаю осваивать, уже шапка, меню и подвал выведенны в Include:) Пока не знаю, как галерею можно вывести в SSI, а с CMS вообще не знаком. Хотя у меня блоки галереи итак выведены в отдельный CSS-файл. HTML <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1866799.jpg"><img src="http://www.photoshare.ru/data/16/16824/3/3kw499-slz.jpg" width="220" height="165" border="0" alt="" /></a> </div> CSS div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px;} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;}
-
Да снимаю уже новой цифрозеркалкой 10.2 мп (новые фотки, формата не 4:3, а 3:2), снимаю итак на минимальном разрешении 1936 х 1296, и сжимаю каждый раз до 1200 по большей стороне, куда уж меньше)) Можно впринципе сделать как на копермайне: эскиз, средний развер фотки (примерно 500 пикс), и оригинал, но гемору будет много, т.к. фотки лежат на бесплатном хосте, это заново код перебирать на каждой страничке вручную, ппц....
-
... и затем каждая фотка так будет отрываться? тупо! Фоток у меня много, не могу заставить юзера ждать, этот скрипт хорош при малом колличестве фоток.
-
Я не знаю, какие умные люди смотрят в уменьшенном окне браузера. Не стоит, и все будет гуд)))
-
о__О не знал, что еще есть мониторы с разрешением 640 х 480, точнее таковы разве были?
-
Давай все таки будем обсуждать сам сайт, а не то, где он живет, где он должен быть или не должен. Благо у меня найдется 50$ в год за аренду хостинга, и 9$ в год за продление домена.
-
http://dnepr-city.com/ Фаним))) Прошу не пинать за дезигн, его там нет. Прошу дать субъективную оценку за сам сайт, и пожелания, что лучше сделать, а что нет.
-
Да, убрал, проблема исчезла, но вслед появилась следущая (вот собственно почему и стояло width:100%), теперь контент не дотягивает до конца ширины браузера: Затем. Никак не удается избавиться от огромного пространсва в ИЕ, см скрин: Гм, можно подробнее, о каких блоках идет речь? Этот макет нашел на одном из сайтов, хочу его доработаь под себя. Все дома? Уже да, а в чем дело?
-
Ах да, вот сам сайт (просмотрите его в ИЕ): http://dnepr-city.com/ HTML: <body> <div id="main"> <div class="header"> <!--#include virtual="./include/header.txt"--> </div> <div id="content-columns"> <div class="leftcolumn"> <div id="MainMenu"> <!--#include virtual="./include/menu.txt"--> </div> </div> <div class="content"> КОНТЕНТ </div> <div class="footer"> <!--#include virtual="./include/footer.txt"--> </div> </div> </body> CSS: img { border:0px; } A { color: #216a9e; font-size: 8pt; text-decoration: none; } A:hover { text-decoration: underline; color: red; /* Ссылка красного цвета */ } BODY { background: #BEBEBE; font-family: Verdana, Arial, sans-serif; } #main { width: 100%; } .header { width: 100%; height: 50px; background: #BEBEBE; } .footer { width: 100%; height: 50px; clear: both; background: #8B8989; } #content-columns { margin: 0 0px 0 180px; } .content { font-size: 100%; text-align: justify; padding: 10px; width: 100%; float: left; background: #F4F4F4; } .leftcolumn { width: 180px; float: left; margin-left: -180px; display: inline; /* решает проблему в IE */ position: relative; }
-
Давно еще, приятно удивился, когда зашел на свой сайт в ИЕ, боюсь представить, что будет в Мозилле и ФФ. А пока прошу помочь мне в этой проблеме. что тут не так? Ума не приложу! Куда убегает контент? Убегает до последнего файла в меню.
-
Аналогичная ситуация с моим футером (хедер у меня бекграунд). Посмотрите внизу: http://dnepr-city.com/
-
а не, все норма, я аж пере*с*рал! кстати, идея твоя понятна, даже интересно, просто нужно задать фиксированную ширину 240х240 пикс, ща попробуем!
-
Dimitry Wolotko, не понял, как тебе на мой хост удалось залить свои фото??????????
-
Так понятно? гм, не очень понятна твоя идея, поподробнее пож, и как сделать)))
-
Нет, я не хочу обрезать фото, и делать из них квадратики. Согласен, будет выглядеть красиво, но в тоже время тупо. Допустим, у меня панорама (вот только сегодня создал страницу с панорамами города http://dnepr-city.com/pano/), и не видно будет, что это панорама, т.к. будет показан лишь квадратик! Блин, неужели нельзя средствами css сделать в ряду по 3 фото?
-
Ты знаешь, мне стала понятна твоя идея, имеет право на жизнь, но вышла неувязочка. Или я что-то не так делаю (скорее всего так), или я не так понял. Я задал диву.бокс фиксированную высоту 240px (макс. высота фото 220px + белая рамка по 10px с обеих сторон). Добавил к коду строчку: div.box {height:240px} Но вышло что-то не так, т.к. вертикальные фото отображаются нормально, а горизонтальные нет, см скрин:
-
Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/data/16/16824/3/3fd0yq-e3d.jpg" border="0" alt="" /></a> </div> Но происходит такая фигня, что если в одно ряду встречаются вертикальные и горизонтальные фото - галерея теряет свой порядок, и получается бардак. Как сделать так, чтобы в ряду было строго по 3 фото? Вот скрин этого бардака:
-
В пхп я вообще чайник Да да да!!!!!!! Оно!!!! (первый способ не прокатил, т.к. страница (index) находится в папке, дабы откинуть окончание shtml:D Ура, спасибо огромное, обожаю ваш форум!
-
Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span>Видео</span></a></li> <li><a href="http://dnepr-city.com/archi/"><span>Архитектура</span></a></li> <li><a href="http://dnepr-city.com/guestbook.html"><span>Гостевая</span></a></li> <li><a href="http://dnepr-city.com/mail/"><span>Контакты</span></a></li> </ul> </div> ВС? ВЫШЛО!!! Но как вы понимаете, это не дело, я не хочу в каждой директории создавать файл menu.txt, иначе нахрена тогда все это дело? Я создал в корневой папке сайта папку include, и забросил туда menu.txt. Сменил в index.shtml строку на
-
...девиз форума, на котором всегда и всем помогают! Мог бы - не просил. Ну и ладно, больше сюда ни ногой.
-
Да не могу я ТАКОЕ написать, пойми ты!)) Не представляю возможным!!! Но очень хочу переделать под вертикальное!!!!!!!
-
Помогите. На неком сайте имеется прекрасный образец горизонтального меню. Мне нужно, чтобы оно было вертикальным! Как сделать - ума не приложу! ВОТ ПРИМЕР ЭТОГО МЕНЮ: http://www.shtogrin.com/design/menu/horizo...ts/example.html Вот сайт: http://www.shtogrin.com/design/menu/horizontal_lists/ Вот сам код: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <script language="javascript" src="example.js" type="text/javascript"></script> <title></title> </head> <body topmargin="10" leftmargin="10"> <ul id="hmenu" style="width:400px;"> <li><a href="#">About</a> <ul> <li><a href="#">Contacts</a></li> <li><a href="#">Sitemap</a></li> </ul> </li> <li><a href="#">News</a></li> <li><a href="#">Products</a> <ul> <li><a href="#">Group #1</a></li> <li><a href="#">Group #2</a></li> <li><a href="#">Group #3</a></li> <li><a href="#">Group #4</a></li> <li><a href="#">Group #5</a></li> </ul> </li> <li><a href="#">Support</a> <ul> <li><a href="#">Download center</a></li> <li><a href="#">FAQ</a></li> </ul> </li> </ul> </body> </html> CSS: ul#hmenu { margin: 0; border: 0 none; padding: 0; list-style: none; background: #565766; height: 28px; font: bold 12px/28px Verdana, Arial; } ul#hmenu li { margin: 0; border: 0 none; padding: 0; float: left; display: inline; list-style: none; position: relative; height: 28px; } ul#hmenu ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 28px; left: 0; } ul#hmenu ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#hmenu ul li { width: 160px; float: left; display: block !important; display: inline; } /* Main Menu */ ul#hmenu a { border: 0px; padding: 0 6px; float: none !important; float: left; display: block; background: #565766; color: #FFFFFF; font: bold 12px/28px Verdana, Arial; text-decoration: none; height: auto !important; height: 1%; } /* Main Menu Hover */ ul#hmenu a:hover, ul#hmenu li:hover a, ul#hmenu li.iehover a { background: #808298; color: #FFFFFF; } /* Second Menu */ ul#hmenu li:hover li a, ul#hmenu li.iehover li a { border-top: 1px solid #FFFFFF; float: none; background: #565766; color: #FFFFFF; } /* Second Menu Hover */ ul#hmenu li:hover li a:hover, ul#hmenu li:hover li:hover a, ul#hmenu li.iehover li a:hover, ul#hmenu li.iehover li.iehover a { border-top: 1px solid #FFFFFF; background: #808298; color: #FFFFFF; } ul#hmenu ul ul { display: none; position: absolute; top: 0; left: 160px; } ul#hmenu li:hover ul ul, ul#hmenu li.iehover ul ul { display: none; } ul#hmenu li:hover ul, ul#hmenu ul li:hover ul, ul#hmenu li.iehover ul, ul#hmenu ul li.iehover ul { display: block; } Javascript (для IE): function hmenuhover() { if(!document.getElementById("hmenu")) return; var lis = document.getElementById("hmenu").getElementsByTagName("LI"); for (var i=0;i<lis.length;i++) { lis[i].onmouseover=function(){this.className+=" iehover";} lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehoverb"), "");} } } if (window.attachEvent) window.attachEvent("onload", hmenuhover);
-
Кстати, вот пример, это наш сетевой файловый архив http://bugzilla.dp.ua/ Там каждый софт по очереди меняет свой цвет, синий, белый, синий, белый, все автоматизированно. как добиться?
-
.... можно чуть меньше строчек прописать в CSS и добиться того же результата, правда в каждом надо будет прописывать class.. Простите, что умничаю) - пример с js - хорош!, но не сработает у тех, у кого отключена скриптура... и что тогда? крассавчег дизайн в топку?))О! А можно поподробнее? У меня не катит.... А хотя нет, в том то и проблемма, что я хочу избавиться от прописывания в каждом класс.
-
Скачал, таже фишка, оно требует присваивать по классу каждой строке: <li class="alt">Строка 1</li> <li>Строка 2</li> <li class="alt">Строка 3</li> <li>Строка 4</li> Пролистал - нашел пример, только вот этот язык вообще не знаю, только начинаю осваивать CSS, а тут мне вообще ничег оне понятно, буду искать более легкий путь(( Неа, что-то не выходит, присвоил таблице Цвет не меняется. Может не туда код леплю? В какую часть сайта лепится сей код? Пробовал и в шапку, и в контент, и в Див, в котором расположена таблица - результат 0.