Sandr
SeeJ, ты спрашиваешь помощи по js, а в качестве примера кода даёшь css. Определись уже с чем у тебя проблема.
11 Янв 2013, 14:04Sandr
SeeJ, ты спрашиваешь помощи по js, а в качестве примера кода даёшь css. Определись уже с чем у тебя проблема.
11 Янв 2013, 14:04SeeJ
вот вам разметка если нужна...
<!DOCTYPE html>
<html>
<head>
<title>primepeople</title>
<link rel="stylesheet" type="text/css" href="./css/reset.css" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<link rel="stylesheet" type="text/css" href="./css/superfish.css" />
<link rel="stylesheet" type="text/css" href="./css/jquery.tweet.css" />
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' />
<script type="text/javascript" src="./js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="./js/jquery.tweet.js"></script>
<script type="text/javascript" src="./js/jquery.tipsy.js"></script>
<script type="text/javascript" src="./js/superfish.js"></script>
<script type="text/javascript" src="./js/custom.js"></script>
<meta charset="UTF-8"></head>
<body>
<div id="top-line"></div>
<!-- START Separator -->
<div id="separator">
<div class="center-block">
<h1>Headings Page</h1>
<div class="sep-div"></div>
<h3>Style Of Headings</h3>
</div>
</div>
<!-- START CONTENT -->
<div id="content">
<!-- start center-block -->
<div class="center-block">
<!--[if lt IE 9]>
<script>document.createElement('section');</script>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<div class="accordion">
<section id="one">
<h2><a href="#one">Фильтрация элементов с помощью jQuery</a></h2>
<div>
<p>Накопилось много информации на сайте, и необходимо сделать фильтрацию элементов сгруппировав их в категории, тогда этот урок станет Вам интересен. Мы рассмотрим фильтрацию элементов с помощью плагина Quiksand, который используется для изменения порядка и сортировки списков.</p>
</div>
</section>
<section id="two">
<h2><a href="#two">Как создать стильное портфолио на HTML5</a></h2>
<div>
<p>В наше время технологии для веб-мастеров быстро развиваются, предоставляя нам новые и все интересные возможности разработки новых креативных идей с помощью технологий HTML 5, jQuery и плагина Quicksand. </p>
</div>
</section>
<section id="three">
<h2><a href="#three">Слайдер миниатюр с помощью плагина jQuery</a></h2>
<div>
<p>Хотите создать слайдер с миниатюрами изображений для Вашего сайта, да так чтобы они корректно отображались в браузерах и были адаптированы под изменения размеров окна обозревателя, тогда этот урок Вас должен заинтересовать. Для этого мы будем использовать Elastislide – плагин jQuery.</p>
</div>
</section>
<section id="four">
<h2><a href="#four">Подборка креативных живых фотографий</a></h2>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
</div>
</section>
<section id="five">
<h2><a href="#five">Модальные окна как в facebook на mootools</a></h2>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
</div>
</section>
</div>
</div> <!-- end .center-block -->
<div class="clear"></div>
</div> <!-- end #content -->
добавлено спустя 4 минуты:
Sandr, посмотри на разметку...
те скрипты что в хедере отношения не имеют к вкладкам
имеет только один но он гугловский...как я его изменю...?
Башка
Эх автор, что тут тебе посоветовать то?! Выкладывай все в интернет и показывай на примере что именно не работает, твои слова как пустой звук сейчас )
11 Янв 2013, 17:05Suleiman
такая же проблема у меня возникла
<script type="text/javascript" src="http://lifecms.ru/jquery_acorrdion.js"></script>
<script>
$(document).ready(function(){
$(".body").hide();
$(".head").click(function(){
$(this).next(".body").slideToggle(500)
return false;
});
});
</script>
<tr align="left"><td><div class="head"><a href="http://lifecms.ru/pages/nauka_ped_deyatelnost.php" class="mainlevel">Научно-педагогическая деятельность</a></div>
<div class="body"><div class="head"><a href="http://lifecms.ru" class="mainlevel"><img src="../style/default/images/arrow.png"> Кафедра</a></div>
Башка
Прыгает дизайн только из за неверно заданных размеров
добавлено спустя 21 секунду:
Обратите внимание на то, что границы блоков тоже занимают некоторый размер на экране