onqu
-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by onqu
-
Можно таблицей. Можно еще так: <H5 style="display:inline-block; width:200px; height:200px; background: url(images/88.jpg); text-align: center;zoom:1;*display:inline;">Подмосковье</H5> <H5 style="display:inline-block; width:200px; height:200px; background: url(images/55.jpg); text-align: center;zoom:1;*display:inline;">Краснодарский край</H5> Еще так: <H5 style="display:block; float:left; width:200px; height:200px; background: url(images/88.jpg); text-align: center;">Подмосковье</H5> <H5 style="display:block; float:left; width:200px; height:200px; background: url(images/55.jpg); text-align: center;">Краснодарский край</H5> <p style=" clear:left;"><p> И еще кучи способов есть...
-
Теперь ясно почему не было ошибок при открытии с локального диска. Не мешает почитать доки по скрипту И нужны Вам эти шрифты? http://wiki.novemberborn.net/sifr3/How+to+use Important: sIFR only works when you load it from a webserver. If you open it directly from your harddrive, it won't work due to security restrictions in Flash.
-
Очень подробно: http://ru.wikipedia.org/wiki/Xml Чтобы понять зачем нам всё это надо, ответа не будет никакого, разве что - стремятся обозначить стандарты данных. Но все равно, кодить будут все кому на чём удобнее.
-
Касяк теперь из-за functions.js, это скрипт от mootools?
-
$(function(){ $('a.animatedtext').each(function(){ $(this).parent().next().hide(); $(this).click(function(){ $(this).parent().next().animate({opacity:'toggle'},'slow', function() { if ($.browser.msie) this.style.removeAttribute('filter'); }); ;return false; }); }); });
-
Похоже, что конфликт с mootools.js, отключите его, если не используете.
-
Может пригодится. http://anton.shevchuk.name/javascript/jque...or-beginners-2/
-
Попробуйте применить стиль цвета к тексту такой же, как и у фона. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('a.animatedtext').each(function(){ $(this).parent().next().hide(); $(this).click(function(){ $(this).parent().next().animate({opacity:'toggle'},'slow'); return false; }); }); }); </script> <style type="text/css"> body { background:#fff; } p.test { background:#fff; } </style> </head> <body> <h3><a href="#" class="animatedtext">нажми</a></h3> <p class="test">Текст для примера с фоном.</p> <h3><a href="#" class="animatedtext">нажми</a></h3> <p>Текст для примера без фона.</p> </body> </html>
-
Простите, но так никто не строит. Мусора уж слишком много. Фикс по теме: Замените строку 83: Ваша строка: <div style="position: absolute; width: 880px; height: 4920px; z-index: 2; left: 104px; top: 184px" id="layer2"> На: [b]<div style="position: absolute; width: 880px; z-index: 2; left: 104px; top: 184px" id="layer2">[/b] Далее замените строку 231: Ваша строка: <div style="position: absolute; width: 847px; height: 37px; z-index: 4; left: 104px; top: 5060px" id="layer4"> На: [b]<div style="position: absolute; width: 847px; height: 37px; z-index: 4; left: 104px;" id="layer4">[/b] В самом верху, между тегами <head> и </head> вставьте код: [b]<style> #layer2 {height: 4200px} #layer4 {top: 4350px} </style> <!--[if IE]> <style> #layer2 {height: 4920px} #layer4 {top: 5060px} </style> <![endif]-->[/b] Но, опять же, так никто не строит) Путаница.
-
У меня все заработало, как только поменял в Вашем thickbox.js первую строку с // JavaScript Document/* на /*
-
Офтоп: 2Verder, прям сильно закидал) По теме: 1. Как и написал Verder, картинки не адаптированные. - избавьтесь от 90% png - можно сохранить качество некоторых ужав до gif, например: шпку - head.png сделайте белый фон, прозрачность тут не нужна, сохраните в jpeg, будет весить не 300кб, а 30-40кб. mount_down.png - тоже самое иконки меню - можно сделать gif Если вы накладываете картинку на картинку,если это не рамки , и они остаются неподвижными, можно обойтись без использования png. 2. Чтобы цвет меню менял цвет при наведении нужно сделать такие же картинки с другим цветом и задать правило .class:hover {background-image: url();} в стиле. 3. Не надо использовать русские имена классов и ID в CSS. Замените .стиль116 и тд на что-то типа .style116. Для начала норм.
-
Если только содержание ролика вне закона )) Но тогда забанит сам хостинг. В инете полно примеров : http://www2.nextlimit.com/rflabs/?p=25 - все видео на тубе.
-
Даже платные cms ломаются. Есть кучи банальных правил для www, и одно из них - Вы выкладывает всю информацию на свой страх и риск, - и в реальной жизни машины угоняют. Как же? А Ваш первый пост? Ведь время это все, что у нас есть.
-
Вот еще наткнулся случайно, первая строка из thickbox.js: // JavaScript Document/* * Thickbox 3 - One Box To Rule Them All. * By Cody Lindley (http://www.codylindley.com) * Copyright © 2007 cody lindley * Licensed under the MIT License: [url="http://www.opensource.org/licenses/mit-license.php"]http://www.opensource.org/licenses/mit-license.php[/url] */ Кто же умудрился такой комент сделать? В оригинальном файле такого нет
-
2rus, торопитесь, уважаемый. В итоге невнимательность. 1. В вашем skin.css есть код на картинки - стрелки, для управления, но картинки отсутствуют по указанному адресу rkp-trans.ru/tbcss/prev-horizontal.gif и rkp-trans.ru/tbcss/next-horizontal.gif, вот и нет управляющих стрелок: .jcarousel-skin-ie7 .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.gif) no-repeat 0 0; } и .jcarousel-skin-ie7 .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.gif) no-repeat 0 0; }
-
Можно конвертировать ppt в видео/swf - есть куча софта, погуглите. Далее залить на youtube, а на сайте просто вставить код со ссылкой.
-
На своей машине отключаю в редких случаях. Поясню: мне довелось поработать сисадмином пару лет, обслуживание 2х офисов, порядка 150 пк. После полугода на этой должности мне пришлось запретить js полностью на 80% машин, иначе не хватало времени на устранение проблем пк юзверей. Полные запреты на установку/исполнение сделать было нельзя, начальство было против, т.к. компания занималась рекламой, пиаром, сео и тд. Под эффективной версткой подразумеваю укладывание в рамки ТЗ. Не берусь за коммерческие проекты с статичным html, только для знакомых, создание пары-тройки несложных страниц, под какую-то мелкую рекламу. Чаще всего приходилось сталкиваться с полной переработкой дизайна, а не с разбором старого кода. Все большей популярностью пользуются cms open source, т.к. хостинги с необходимым функционалом становятся доступнее с каждым днем, это еще один пинок статичному коду. Но есть и люди верующие в техподдержки, готовые выложить немалые суммы за платные cms. Очень сильно на эффективность влияет профессионализм, который достигается только постоянной практикой в этой области, из-за этого себя не отношу в таковую группу, в последнее время глубоко утонул в 3д анимации и композинге.
-
Не stict прожует.
-
Не все хорошо, что быстро. Более уместным будет "Эффективная верстка". HTML и CSS в своем исполнении боязно называть языком, допустив мелкую ошибку сложно испортить всё и нарушить безопасность кода. Соглашусь с s0rr0w, используйте логически цепочки класов типа контейнер->содержмое->колонка->бокс->обертка['img'], самим же будет проще разбираться. Хорошо иметь шаблон CSS с уже расставленными классами, вбитыми фиксами под различные браузеры, и знать, что надо будет просто удалить, и что удалить. Не стоит полагаться 100% на JS, да красиво, да удобно, но очень часто отключается пользователем, я стараюсь по минимуму использовать JQuery. Рано или поздно большая часть пойдет дальше разметки и стилей, php/asp.net/ruby и тд. и вот тут начинаю забывать мелкие приёмы фехтования разноцветной разметкой, но всегда держу под рукой шпаргалки, которые, быстро помогают вспомнить.
-
Неясно, кто - кого не понял. С вашим кодом все нормально. 1. Размеры задаются по иерархии, сначала проверятся размер коробки <div>, в котором ваш *.swf. И если этот размер не ограничен, то *.swf принимает размер по умолчанию 100% величины доступного места, даже если это окно браузера. #intro{ width: 100%; height: 100%; } Следует указать не процентные, а точнее размеры. IE 7, к примеру, проглотит и развернет флэшку на весь экран, а вот лиса проиграет только звук. Указывайте рзмеры в точных единицах, если <div> не вложенный. К примеру, как выше: #intro{ width: 100px; height: 100px; } 2. Следует учитывать также размеры контейнеров, куда вложен Ваш <div id="intro">. В данном случае не вложен ни в какие другие. 3. Далее размер проверяется в теге <object>. Пройдемся по коду: <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"> Эту строку исполняют все браузеры. Ваши рамеры width="100%" height="100%". Следовательно *.swf остается 100%. Далее: <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="assets/media/city.swf" width="100%" height="100%"> <!--<![endif]--> Эту строку исполнят все браузеры, кроме IE. Здесь также все размеры 100%.
-
Дайте более полный код, или попробуйте задать размеры для #content. Также для картинок всегда необходимо указывать размер.
-
Чтобы <объект> растягивался на величину контейнера, может надо задать эту величину? #intro{ width: 100px; height: 100px; } Процентное соотношение в данном случае не годится.
-
Как в IE6 списки отобразить квадратиками и оранжевого цвета
onqu replied to Alek7y7's question in HTML Coding
К примеру можно так: <style> li { list-style-type: square; color: orange; /*может быть и любой другой цвет*/ } li span { color: black; /*этот цвет применяется к тексту внутри, иначе, если это не ссылки, он тоже станет ораньжевым */ } </style> <ul> <li><span>Номер 1</span></li> <li><span>Номер 2</span></li> <li><span>Номер 3</span></li> </ul> -
Таблицы - бяка)) #element { width: 400px; height:20px; float: right; /*сдвигаем див к правому краю родителя, собственно это нужно если ширина родителя не фиксирована, как в данном случае*/ position: relative; /*задаем относительное от родителя позиционирование*/ top: 73px; /*при position: relative; сдвигаем вниз */ } При желании добавляем text-align:right; для выравнивания текста по правому краю.