nikki4

Вот сайт Справа там сейчас пустая область. И внизу из-за неё полоса прокрутки. Вопрос как сделать, чтобы выглядело Так: немного пустоты-лепестки-контент-лепестки-немного пустоты. т.е. убрать эту полосу..

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

Здравствуйте есть таблица.. почему-то вкруг ячейки стоят отступы.. как их убрать не понимаю.. к таблице применены следующие стили: .myclass table, tr, td, th { border: 1px solid black; border-spacing: 0; width: 290px; } tr, td { padding: 5px; text-align: left; } сделал так и заработало .myclass { border:solid black 1px; border:0; border-spacing:0px; width:160px; }

есть jq , который меняет фоновый цвет дива. <div class="cp2" style="width:50px;height:50px; background: black;"></div> нужно этот цвет передать в переменную пхп. появилась идея, сделать это при помощи скрытого поля. но я не знаю js, потому прошу помочь, что тут надо написать: <input type="hidden" name="cvet" value="$(".cp2").css('background');"> или как это пишется? не работает..

Добрый день! джумла 2.5, при помощи плагина выводится на страницу файл сайт/proga/proga.php нужно добавить в тот файлэтот jq . вот файл с выбором цвета <script src="jQColorPicker/jquery.js" type="text/javascript"></script> <script src="jQColorPicker/ifx.js" type="text/javascript"></script> <script src="jQColorPicker/idrop.js" type="text/javascript"></script> <script src="jQColorPicker/idrag.js" type="text/javascript"></script> <script src="jQColorPicker/iutil.js" type="text/javascript"></script> <script src="jQColorPicker/islider.js" type="text/javascript"></script> <script src="jQColorPicker/color_picker/color_picker.js" type="text/javascript"></script> <link href="jQColorPicker/color_picker/color_picker.css" rel="stylesheet" type="text/css"> <div><input type="hidden" name="cl" id="myhexcode" value="#000000"></div> <div><a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode&objshow=myshowcolor&showrgb=1"> <div id="myshowcolor" style="background:black; width:15px;height:15px;border:1px solid black;"></div></a> </div> <script language="Javascript"> //init colorpicker: $(document).ready( function() { $.ColorPicker.init(); } ); </script> </div> работает все нормально...затем инклюдил этот файл в proga.php. + пути изменил пути к js файлам наподобии такого <script src="proga/jQColorPicker/islider.js" type="text/javascript"></script> но при нажатии на кнопку всеравно ничего не происходит. Как это исправить?

Какими местами? На сходе двух границ? да. да внутри, границы идут одной линией __ а при изменении масштаба эти линии могут исчезнуть, но не все, а только некоторые

пробовал фф и ие если границы таблицы и ячеек 1пх, то при некоторых масштабах они исчезают местами, но если поставить границу например от 5 пикселей и больше, то они не пропадают.. что это? проблема всех браузеров или комп глючит.. или ошибка в css какая-то.. вот все что нашел про тр, тх, тж, тейбл.. вроде ничего такого плохого color:black; border: 1px solid #666; border-collapse:collapse; padding:10px; font-size:1.5em; text-align:center; background:none repeat scroll 0 0 pink;

здравствуйте! при нормальном масштабе нормально меню.. а на другом компьютере с высоким разрешением один пункт меню уходит вниз.. пробовал на этом компьютере, тут при уменьшее масштаба тоже лезет.. а если еще увеличить, или наоборот уменьшить до опредленного уровня то станет нормально.. что тут поправить? вот меню: <div id="topmenu"> <div id="navigation"> <ul class="nav"> <jdoc:include type="modules" name="Menu" /> </ul> </div> <!-- #navigation--> </div> <!-- #topmenu--> вот его css #topmenu { margin: 0 auto; width:958px; height:60px; background:white ; margin-top:-60px; border-radius:9px 12px 0 0; background:rgba(255,255,255,0.9); } #navigation { margin: 0 auto; width: 958px; height:40px; border-top:2px double #d3d2d0; border-bottom: 2px double #d3d2d0; }

вопрос не актуален.. надо было просто вместо -2 1 -1 поставить z-index 0 1 2 и все стало ок )

уже не актуально ) предложили вариант проще - сделать 1 блок с фоном и все.. а если именно колонки, то тут про это хорошо написано http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki

о, спасбио большое, то что надо! правда теперь другая проблемка возникла.. этот блок двигает подвал.. левый блок #bgleft { position:relative; left:-100px; top:-59px; width:100px; height: auto; min-height: 500px; background:brown; } подвал #footer { position:relative; z-index:-1; margin-top:-12%; float:left; width:1280px; height:340px; margin-left:-160px; background: url(../images/footer.jpg) no-repeat; } <div id="bgleft"></div> <div id="bgright"></div> <div id="footer"> </div> как сделать, чтобы не двигал? пробовал абсолютное поставить, но так сами блоки едут в зависимости от экрана..

ой, у меня получилось разобраться ) еще более внимательно изучил код.. короче надо было добавить 1 строчку #jc {position:relative; top:40px;}

а я её убрал всеравно не работает.. например #bgleft { position:relative; top:-58px; left:-100px; width:100px; height:400px; background:brown; создает полоску высотой в 400пикселей. а надо, чтобы динамически в зависимости от высоты я как понял, надо просто в процентах указать: #bgleft { position:relative; top:-58px; left:-100px; width:100px; height:100%; background:brown; } но так вообще исчезает полоска

здравствуйте! есть компонент для джумлы, но он не удачно налез на кнопки навигации, хотел его подвинуть ниже. добавил туда такую строчку #comments-form-link {position:relative; top:50%;} пробовал менять цифры, а блок не двигается.. как его опустить?

слева и справа от контента надо сделать 2 блока от шапки до подвала с картинкой (падающие лепестки), которые бы дублировались при увеличении размера высоты. перед футером поместил эти 2 блока (чтоб грузились уже после основного контента) попробовал сделать так: #bg-left { position:relative; float:left; left:-100px; top:-250px; background:url(../images/bg-petals.png) repeat-y; } но почему-то это не работает.. не расятигивается, а только внизу появляется. как же тогда сделать эти резиновые блоки по краям?

при обычном размере шрифта выглядит так а при увеличении шрифта урезается все что слева от меню без появления полосы прокрутки, почему? как исправить? почему футер обрезается слева, а справа не обрезается? вот css страницы width:960px; text-align:left; background:transparent; margin: 0 auto; а вот футер: #footer { position:relative; z-index:-1; margin-top:-100px; float:left; width:1280px; height:232px; margin-left:-160px; background: url(../images/footer.jpg) no-repeat; }

все догадался как сделать ) position:relative; z-index:-1; margin-top:-50px;

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

в psd макете такой вот подвал получился: пытаюсь его сверстать, возникла такая проблема: центральная часть подвала закрыта блоком комментариев или просто контентом. а слева и справа там высота чуть-чуть выше, так как там уже идет фон. потому я подумал, что нужно его разделить на 3 части и склеить. как это сделать? пс: еще посидел минут 40 и догадался. это можно было сделать при помощи float:left; margin-left:-1120px; margin-top:20px;

извиняюсь. все работает просто забыл написать background:

сделал вместо того rgba(255,255,255,.75), но почему-то фон не прозрачный совсем

есть блок с линией меню #topmenu { float:left; width:960px; height:60px; background:white ; margin-top:-60px; border-radius:9px 12px 0 0; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ для активной кнопки меню #navigation li.active { opacity: 1; background:blue; смотрю файрбагом стили, 0.75 зачеркивается, и 1 остается в прозрачности.. вот только визуально ничего ен происходит, как был прозрачным так и остался.. что тут не то? почему не отменяется прозрачность?

Добрый день! джумла 2.5, есть компонент джуми, который выводит пхп файл. при нажатии на кнопку в том файле, создается таблица. проблема - футер , подвал сайта налезает на таблицу.. сайт на локал хосте, потому просто кусок кода покажу. как сделать, чтоб футер под таблицу опустился? (таблица динамического размера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" dir="ltr" > <head> <style type="text/css"> #footer { float:left; width:980px; height:40px; background:YELLOW; border-top:2px solid #d6d6d6; </style> <base href="http://test.ru/index.php/jumi" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Hello Jumi!</title> <script src="/media/system/js/mootools-core.js" type="text/javascript"></script> <script src="/media/system/js/core.js" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js" type="text/javascript"></script> <link rel="stylesheet" href="/templates/garrioness1.7/css/tdefaut.css" type="text/css" media="all" /> <link rel="stylesheet" href="/templates/garrioness1.7/css/box.css" type="text/css" /> <script type="text/javascript" src="/templates/garrioness1.7/js/mootools.js"></script> <script type="text/javascript" src="/templates/garrioness1.7/js/script.js"></script> <script type="text/javascript" src="/templates/garrioness1.7/js/jquery.js"></script> <script language="javascript" type="text/javascript" src="/templates/garrioness1.7/js/superfish.js"></script> <link rel="icon" type="image/gif" href="/templates/garrioness1.7/favicon.gif" /> <script type="text/javascript"> window.addEvent('domready', function() { SqueezeBox.initialize({}); $$('a.modal').each(function(el) { el.addEvent('click', function(e) { new Event(e).stop(); SqueezeBox.fromElement(el); }); }); }); </script> <script type="text/javascript"> // initialise plugins jQuery(function(){ jQuery('ul.nav').superfish(); }); </script> </head> <body> <div class="pagewidth"> <div id="sitename"> <a href="/index.php"><img src="/templates/garrioness1.7/images/logo.png" width="243" height="58" alt="logotype" /></a> </div> <div id="topmenu"> <div id="navigation"> <ul class="nav"> <ul class="menu"> <li class="item-101"><a href="/" >Новости</a></li><li class="item-102"><a href="/index.php/stati" >Статьи</a></li><li class="item-105"><a href="/index.php/nanesti-ieroglify-na-majki-chashki" >пункт меню3</a></li><li class="item-106"><a href="/index.php/gostevaya-kniga" >Гостевая книга</a></li><li class="item-113"><a href="/index.php/perevod-imeni-na-yaponskij" >пункт меню4</a></li><li class="item-117 current active"><a href="/index.php/jumi" >jumi</a></li></ul> </ul> </div> </div> <div id="main-full"> <table class="text" border="1" cellpadding="5" cellspacing="0" width="300" style="position:absolute;margin:10px 0 0 0"> <tr> <td>ячейка1</td> <td>ячейка2</td> <td>ячейка3</td> <td>ячейка4</td> <td>ячейка5</td> </tr> <tr> <td>ячейка6</td> <td>ячейка7</td> <td>ячейка8</td> <td>ячейка9</td> <td>ячейка10</td> </tr> </table> </div> <div id="footer"> <div class="ftb"> Copyright© 2008 - 2012 . design by .... </div> <div id="top"> <div class="top_button"> </div> </div> </div> </div> </body> </html>

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

есть форма и нужно чтобы при нажатии на блок справа (name="two_01", блок1) снимались выделения с блока 2 и 3 (те что слева). И наоборот если либо блок 2 либо блок 3 выбраны, то снять выделение с блока1. Т.е. чтобы мог быть выбран либо блок 1, либо 2+3, сразу вместе нельзя. на всякий случай уточняю, что блоки генерируются пхп и имеют следующую зависимость: одиночный блок справа имеет имя='two_'.номер блока2, номер блока3 (two_01, two_23, two_56, и т.д) напишите пожалуйста реализацию этого.. буду очень признателен Код HTML <fieldset style="position:absolute;margin:10px 0 0 300px"> <legend>блок 1</legend> <input type="radio" name="two_01" value="1" id="1">1<br> <input type="radio" name="two_01" value="2" id="2">2<br> <input type="radio" name="two_01" value="3" id="3">3<br> </fieldset> <fieldset style= "width:200px;"> <legend>блок 2</legend> <input type="radio" name="0" value="1" id="4">4<br> <input type="radio" name="0" value="2" id="5">5<br> <input type="radio" name="0" value="3" id="6">6</label><br> </fieldset> <fieldset style= "width:200px;"> <legend>блок 3</legend> <input type="radio" name="1" value="1" id="7>7<br> <input type="radio" name="1" value="2" id="8">8<br> <input type="radio" name="1" value="3" id="9">9<br> </fieldset>