onqu

May 5, 2009

Можно таблицей.

Можно еще так:

<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>

И еще кучи способов есть...

May 5, 2009

Теперь ясно почему не было ошибок при открытии с локального диска. Не мешает почитать доки по скрипту :rolleyes: И нужны Вам эти шрифты?

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.

May 5, 2009

Очень подробно: http://ru.wikipedia.org/wiki/Xml

Чтобы понять зачем нам всё это надо, ответа не будет никакого, разве что - стремятся обозначить стандарты данных. Но все равно, кодить будут все кому на чём удобнее.

May 5, 2009

Касяк теперь из-за functions.js, это скрипт от mootools?

May 5, 2009

$(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;
		});
	});
});

May 5, 2009

Похоже, что конфликт с mootools.js, отключите его, если не используете.

May 4, 2009

Может пригодится.

http://anton.shevchuk.name/javascript/jque...or-beginners-2/

May 4, 2009

Попробуйте применить стиль цвета к тексту такой же, как и у фона.

<!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>

May 3, 2009

Простите, но так никто не строит. Мусора уж слишком много.

Фикс по теме:

Замените строку 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]

Но, опять же, так никто не строит) Путаница.

April 30, 2009

Да ну ладно! Эти как раз есть, а вот этих нет (их и там нет):
next-vertical.gif
perv-vertical.gif
Hо суть от этого не меняется!

У меня все заработало, как только поменял в Вашем thickbox.js первую строку с // JavaScript Document/* на /*

April 29, 2009

Офтоп: 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.

Для начала норм.

April 29, 2009

а если забанят? Уж лучше к себе на сайте положить, опять таки, в архив, если плеер будет не под силу.
Презентации разные бывают )))

Если только содержание ролика вне закона )) Но тогда забанит сам хостинг.

В инете полно примеров : http://www2.nextlimit.com/rflabs/?p=25 - все видео на тубе.

April 29, 2009

На мой взгляд все немного сложнее. Если пользователь подарит часть важной инфы хакерам, то опенсорс его пошлет потому что "читайте, в лицензии все написано". А вот платная система не сможет себе такое позволить. Так что здравые пользователи, изучив досконально рынок, платят в конечном счете именно за это.

Даже платные cms ломаются. Есть кучи банальных правил для www, и одно из них - Вы выкладывает всю информацию на свой страх и риск, - и в реальной жизни машины угоняют.

Укладывание в рамки ТЗ не характеризует эффективность верстки. Эффективность описывает способ достижения цели, но не саму цель.

Как же? А Ваш первый пост? Ведь время это все, что у нас есть.

April 29, 2009

Вот еще наткнулся случайно, первая строка из 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]
*/

Кто же умудрился такой комент сделать? В оригинальном файле такого нет :lol:

April 29, 2009

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;
}

April 29, 2009

А еще вопросик. Дали инфу в формате "ppt." презентация типо, так вот как мне так залить, чтобы она читалась на всех ПК?

Можно конвертировать ppt в видео/swf - есть куча софта, погуглите. Далее залить на youtube, а на сайте просто вставить код со ссылкой.

April 29, 2009

А вы отключаете JS?

На своей машине отключаю в редких случаях. Поясню: мне довелось поработать сисадмином пару лет, обслуживание 2х офисов, порядка 150 пк. После полугода на этой должности мне пришлось запретить js полностью на 80% машин, иначе не хватало времени на устранение проблем пк юзверей. Полные запреты на установку/исполнение сделать было нельзя, начальство было против, т.к. компания занималась рекламой, пиаром, сео и тд.

А что есть "эффективная верстка"? Вернее, перефразирую немного вопрос, по каким критериям оценивается эффективность? По скорости создания? По скорости внесения изменений? По скорости разбору кода после длительного перерыва?

Под эффективной версткой подразумеваю укладывание в рамки ТЗ. Не берусь за коммерческие проекты с статичным html, только для знакомых, создание пары-тройки несложных страниц, под какую-то мелкую рекламу. Чаще всего приходилось сталкиваться с полной переработкой дизайна, а не с разбором старого кода.

Все большей популярностью пользуются cms open source, т.к. хостинги с необходимым функционалом становятся доступнее с каждым днем, это еще один пинок статичному коду. Но есть и люди верующие в техподдержки, готовые выложить немалые суммы за платные cms.

Очень сильно на эффективность влияет профессионализм, который достигается только постоянной практикой в этой области, из-за этого себя не отношу в таковую группу, в последнее время глубоко утонул в 3д анимации и композинге.

April 28, 2009

Не stict прожует.

April 28, 2009

Не все хорошо, что быстро. Более уместным будет "Эффективная верстка". HTML и CSS в своем исполнении боязно называть языком, допустив мелкую ошибку сложно испортить всё и нарушить безопасность кода. Соглашусь с s0rr0w, используйте логически цепочки класов типа контейнер->содержмое->колонка->бокс->обертка['img'], самим же будет проще разбираться. Хорошо иметь шаблон CSS с уже расставленными классами, вбитыми фиксами под различные браузеры, и знать, что надо будет просто удалить, и что удалить. Не стоит полагаться 100% на JS, да красиво, да удобно, но очень часто отключается пользователем, я стараюсь по минимуму использовать JQuery.

Рано или поздно большая часть пойдет дальше разметки и стилей, php/asp.net/ruby и тд. и вот тут начинаю забывать мелкие приёмы фехтования разноцветной разметкой, но всегда держу под рукой шпаргалки, которые, быстро помогают вспомнить.

April 28, 2009

Неясно, кто - кого не понял.

С вашим кодом все нормально.

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%.

April 28, 2009

Дайте более полный код, или попробуйте задать размеры для #content. Также для картинок всегда необходимо указывать размер.

April 27, 2009

Чтобы <объект> растягивался на величину контейнера, может надо задать эту величину?

#intro{

width: 100px;

height: 100px;

}

Процентное соотношение в данном случае не годится.

April 27, 2009

К примеру можно так:

<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>

April 27, 2009

Таблицы - бяка))

#element {

width: 400px;

height:20px;

float: right; /*сдвигаем див к правому краю родителя, собственно это нужно если ширина родителя не фиксирована, как в данном случае*/

position: relative; /*задаем относительное от родителя позиционирование*/

top: 73px; /*при position: relative; сдвигаем вниз */

}

При желании добавляем text-align:right; для выравнивания текста по правому краю.

Sign In

onqu

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by onqu

Вставка картинки.

Помогите с настройкой фотогалереи на jquery

XML

Помогите с настройкой фотогалереи на jquery

Антиалиасинг после анимации в IE7

Помогите с настройкой фотогалереи на jquery

Меню. Маленькая проблема.

Антиалиасинг после анимации в IE7

Никак не могу догадатся почему пригает страница

Помогите с настройкой фотогалереи на jquery

Сайт о спорте. Нужна помощь и совет.

Как залить сайт?

Быстрая верстка

Помогите с настройкой фотогалереи на jquery

Помогите с настройкой фотогалереи на jquery

Как залить сайт?

Быстрая верстка

Позиционирование float

Быстрая верстка

Кроссбраузерная flash

Позиционирование float

Кроссбраузерная flash

Как в IE6 списки отобразить квадратиками и оранжевого цвета

Выравнивание слоёв по нижней границе

Forums

Important Information