npofopr

June 17, 2010

Никто не встречался с такой проблемой, как неработающий Coda slider 2.0 в Chrome (v5.0.375.70 beta)?

например вот тут bel-bereg.ru

June 17, 2010

сделать для блоков float:left ?

June 17, 2010

сделай отступ для оперы. если только в ней. самое просто будет

+ как вариан. не мучаться с флоатами.

сделать левый и правый угла внутрь основного.

</div>

для центра у вас наверняка position:relative; а для левого и правого сделать абсолютное и для левого сделать left:-21px; а для правого right:-21px;

но это надо попробовать.

June 16, 2010

Подскажите реализацию карусели с тултипами.

Сколько не смотрел и не пробовал ничего не выходит. Обычно тултипы не идут за слайдом, и выскакивают в первоначальном положении.

А карусель циклическая.

т.е. у нас есть некая карусель

<ul>

<li><a href="" rel="tooltip.html">ссылка</a></li>

</ul>

</div>

тултипы грузятся аяксом, но это не суть важно, можно и из скрытых дивов.

в тултипе картинка + ссылка. т.е. по нему можно кликнуть, он не исчезает сразу.

в качестве тултипа использую qTip

пробовал и другие. эффект тот же. карусели тоже разные пробовал. в частности jCarousel.

Сейчас поставил каруселью jCarouselLite, но она фиксированной ширины. Хотелось бы без фикса.

Подскажите что нибудь? или может есть возможность jCarouselLite растянуть?

Вот скрин как оно не правильно отображалось

April 27, 2010

Кто как поворачивает блоки\картинки\текст? кроссбраузерно

например как сделать вот так:

чтобы можно было повернуть блок, а вместе с ним и картинку и текст, если он будет под картинкой.

Как это можно реализовать? Может где то видели такое. Или существуют скрипты...

Сам пока вижу решение поворачивать картинку как тут:

http://romka.eu/blog/jquery-image-rotate

а уже поверх текст накладывать и текст поворачивать как тут:

http://habrahabr.ru/blogs/javascript/86952/

Хотя последнее вроде бы и картинку и текст разом повернуть сможет.

Кто еще что подсказать может?

March 16, 2010

Есть вот такой сайт http://vr.angell.ath.cx

1. При нажатии на картинку (фильм) вылазит shadowbox. Внутри плеер.

этот плеер нормально отображается только в Хроме. в ФФ совсем чернота. а в Опере и ИЕ он сверху и узкий.

Кто то сталкивался с подобным? Можете что то подсказать? Это баг плеера или шадоубокса? или подключено как то неверно?

2. Возможно ли как то скролл сделать горизонтальным? а не вертикальным. без js. с js там слайдер )

February 11, 2010

Во-первых, потрудитесь изъяснить на приемлемом языке свою задачу.
Во-вторых:
Что значит работает? И что же оно делает?
В-третьих, я так понял, что вам нужно:
некая ссылка стоит рядом с чекбоксом, если кликнуть по ней, то чекбокс станет отмеченым (cheked), так?

вот все поняли, кроме вас )

что тут объяснять то.

есть чекбокс есть текст рядом с ним. обычно кликают "целясь" на чекбокс, а можно кликать на текст выделяя тем самым чекбокс.

ведь все понятно:

или с айдишниками:

<input for="1" name="namecheckbox" type="checkbox" value="" /><label id="1">хлеб, выпечка</label>

/*

———————*/

а использовать айдишники и for не хочется, потому как слишком большая форма. слишком много инпутов.

программист устанет это все обрабатывать для БД.

February 11, 2010

Никак

это же очень плохо.

ну даже пусть никак.

а ссылок на реализацию в закромах нет случайно?

February 11, 2010

А как вы выделяете чекбокс по клику на текст?

<label><input name="namecheckbox" type="checkbox" value="" />хлеб, выпечка</label>

id и for использовать нельзя. А данное решение работает везде кроме IE-6.

Пробовал искать по форуму. Ничего не нашел. В интернетах пишут в основном про стилизацию, но не про клик.

Можете посоветовать какие нибудь js'ы?

February 8, 2010

Я тебе про спан помнишь как-то говорил?

не помню. да и не мне вроде.

ладно. буду гуглить. пробовать делать что то иначе.

February 8, 2010

А тебе не предлагали ничего изучать, твоя задача тупо скопировать код и сохранить его в формате .htc, а далее уже просто в отдельном файле ЦСС для ИЕ6 просто подключить например так *html div.gallery ul li img {behavior: url(csshover.htc);} - главное указать правильный путь. И всё, остальное за тебя уже всё сделали.
Убери блочные элементы из строчных срочно.

если убрать, то ничего и не останется )

February 8, 2010

Кто то может подсказать как заставить кликаться сию конструкцию для 6 и 7 IE.

display:block; и задание высоты и длины для ссылки пробовалось.

csshover.htc подключен

<a href="link.html"><div class="blocki">
	<div>
		<img src="./img/index_pic1.gif" alt="" width="262" height="128" />
	</div>
	<p>По-нашему!</p>
</div></a>

div.blocki {
	width:290px;
	height:190px;
	float:left;
	margin:10px 8px;
	_margin:10px 5px;
	cursor:pointer;
}
div.blocki p {
	font-size:18px;
	color:#ff6000;
	text-decoration:underline;
	text-align:center;
}
#content div.blocki:hover, #content a.active div.blocki {
	background:url(./img/index_bgpr.gif) no-repeat 0 0;
	/*_width:290px;
	_height:190px;*/
	cursor:pointer;
}
div.blocki div {
	background:url(./img/index_pbg.gif) no-repeat 0 0;
	width:263px;
	height:129px;
	margin:0 auto;
	margin-top:12px;
}

January 13, 2010

Конечно копипаст.

Но менюшка интересная.

jquery.ahover

Помогите реализовать ее для IE-6.

Или хотя бы скажите в чем может быть проблема:

из-за ховера, или из-за чего то другого.

Похожие менюшки почему то с трудом ищутся...

October 11, 2009

http://www.dynamicdrive.com/dynamicindex17...nmenu-arrow.htm

Full HTML Source:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="ddaccordion.js">

/***********************************************
* Accordion Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit [url="http://www.dynamicDrive.com"]http://www.dynamicDrive.com[/url] for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script type="text/javascript">

//Initialize Arrow Side Menu:
ddaccordion.init({
	headerclass: "menuheaders", //Shared CSS class name of headers group
	contentclass: "menucontents", //Shared CSS class name of contents group
	revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

</script>

<style type="text/css">

.arrowsidemenu{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #6F3700;
}


.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: blue;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}

</style>

<body>

<div class="arrowsidemenu">

<div><a href="http://www.dynamicdrive.com" title="Home">Home</a></div>
<div class="menuheaders"><a href="http://www.dynamicdrive.com/style/" title="CSS">CSS Library</a></div>
	<ul class="menucontents">
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li>
	<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li>
	</ul>
<div><a href="http://www.dynamicdrive.com/forums/" title="Forums">Forums</a></div>
<div class="menuheaders"><a href="http://www.javascriptkit.com" title="JavaScript">JavaScript</a></div>
	<ul class="menucontents">
	<li><a href="http://www.javascriptkit.com/jsref/index.shtml">JavaScript Reference</a></li>
	<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Free JavaScripts</a></li>
	</ul>
<div><a href="http://tools.dynamicdrive.com/" title="Tools">Webmaster Tools</a></div>

</div>


</body>

</html>

есть такая менюшка. в принципе не плохая. но она автоматически при открывании страницы раскрывает первое подменю. первую ссылку в которой есть подссылки.

подскажите как убрать этот эффект? чтобы она при загрузке страницы находилась в закрытом состоянии.

Sign In

npofopr

Posts

Joined

Last visited

Days Won

Content Type

Profiles

Forums

Calendar

Store

Posts posted by npofopr

Coda Slider vs Chrome

упорядочивание блоков

Проблема вёрстки резинового меню

slider+tooltip

css transform

проблема с shadowbox'ом или плеером

checkbox lable

checkbox lable

checkbox lable

Hover

Hover

Hover

jquery-ahover menu

Arrow Side Menu

Forums

Important Information