Code: <input type="button" class="knopka" onclick="window.open('http://forum.isenlek.ru/index.php?showtopic=5');" value="Подробнее..." style="cursor:pointer;" /> Для таких целей есть firebug
Здравствуйте, нужно сделать чтобы background был наложен поверх background background: transparent url(1/logotype.png) накладываеться закрыв фоновое изображание, низнаю почему - но он имеет текст на прозрачном фоне, и всё равно заднего фона нету, вместо него второй рисунок(logotype.png) и белый фон, а должен прозрачный быть, и под ним tile_back.gif просматриваться должен... помогите пожалуйста. CSS: PHP: #logostrip{ background: #3860BB url(1/tile_back.gif); background: transparent url(1/logotype.png) no-repeat left; border: 1px solid #FFF; height: 68px; margin: 0; padding: 0;
mff, а в моём случае-можно прописать всё в одном слое #logostrip{ ??? тут проблема, если делать раздельно свойства, то нужно кучу файлов найти и изменить свойства css непонятно почему два свойства background прописаны - а прозрачная png-шка не прозрачной стала... там ещё background: transparent прозрачность поставлена - а её нет
Подскажите, как поставить контент по центру. HTML: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Бронирование туров.</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="content"> <div id="header"> <div id="logo"> <h3>Телефон для справок: 00-00-00</h3> </div> <!-- сюда --><div id="splash"></div> <div id="menu"> <ul> <li class="current_page_item"><a href="avia.php" accesskey="1" title="">Авиабилеты</a></li> <li><a href="hotel.php" accesskey="2" title="">Отель</a></li> <li><a href="strahovka.php" accesskey="3" title="">Страховка</a></li> </ul> </div> </div> <hr /> <div id="page"> <div id="sidebar"> <ul> <li> <font color="black"><i><h4>Полезная информация:</h4></i></font> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer elit</a></li> <li><a href="#">Metus pellentesque</a></li> <li><a href="#">Suspendisse mauris</a></li> <li><a href="#">Urnanet molestie semper</a></li> <li><a href="#">Proin orci porttitor</a></li> </ul> </li> <div style="clear: both;"> </div> </div> </div> </div> </body> </html> Style css: HTML: body { background: #FFFFFF url(images/img01.jpg) repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; margin: 20px 0px 0px 0px; padding: 0px; color: #757575; } h1, h2, h3 { color: #31363B; letter-spacing: -1px; } h1, h1 a, h2, h2 a { text-decoration: none; } h1 a:hover, h2 a:hover { text-decoration: underline; } h1 { font-size: 38px; } h2 { font-size: 28px; font-weight: normal; } h3 { font-size: 16px; } p, ul, ol { margin-top: 1.5em; line-height: 190%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #C11A00; } a:hover { text-decoration: none; } hr { display: none; } width: 754px; height: 50px; margin: 0 auto; padding: 2px; } #logo h1 { padding: 40px 5px 0 20px; font-size: 36px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #31363B; } #splash { width: 1200px; height: 237px; padding-bottom: 3px; background: url(images/img04.png) no-repeat left top; } #header { width: 754px; height: 350px; margin: 0 auto; } #menu { height: 60px; width: 1200px; padding-left: 20px; background: url(images/img02.jpg) no-repeat left top; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; padding: 20px 30px 15px 18px; margin-right: 1px; height: 30px; background: url(images/img03.gif) no-repeat left 35%; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { background: none; color: #FFFFFF; } #search { float: right; width: 260px; margin: 0px; margin-top: 10px; } #search fieldset { border: none; } #search #s { width: 160px; height: 23px; background: #FFDBE1; border: 1px solid #F57F8C; } #search #x { width: 40px; background: #F74B61; border-top: #F74B61 solid 1px; border-bottom: #F74B61 solid 3px; border-left: #F74B61 solid 1px; border-right: #F74B61 solid 1px; color: #FFDBE1; } #page { width: 754px; margin: 0 auto; padding-top: 20px; } #code { float: bottom; padding-top: 25px; } #sidebar { float: left; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { padding-left: 25px; } #sidebar li li { margin: 0; padding: 5px 10px; border-bottom: 1px dotted #D6C9BF; } #sidebar li h2 { margin: 0 0 1em 0; padding: 15px 0 5px 25px; height: 30px; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; } #sidebar li p { padding: 0 20px; } #sidebar #calendar { padding: 0; } #php { position: absolute; } #content { float: left; }
Ты похоже где то в CSS сделал отступление. Проверь стили body. у тебя я так вижу все кроме верхнего слоя пошло вправо.
NeW, сам content центрируется как я понял, попробуй для него установить ширину например 500 пискелей и увидишь, что он по центру будет, а вот какой то другой id или class делает отступ. Попробуй для #search убрать float: right;
Всем спасибо. Проблему решил, просто доставил header и page ширину одинаковую с картинкой - 1200 px. И тогда все нормально встало. Как я сразу не догадался...
help me please Вот так должно отображаться, схематично нарисовал: градиент красный синий - это фон - яблочко - это логотип (на прозрачном фоне) А получаеться вот так: фон белый (тот который прозрачный у яблока) градиент красный синий закрыт этим белым фоном - который прозрачным должен быть подскажите что в коде дописать?
Есть код : PHP: <center> <img src="sxema.jpg" class="layer1" usemap="#image-maps" id="image-maps" ><div id="sss"></div> <map name="image-maps"> <area shape="rect" coords="220,20,320,80" href="#" onclick="get_datee('12');" alt="Столик №12" border=1 title="Столик №12"/> <area shape="rect" coords="220,100,278,160" href="#" onclick="get_datee('11');" alt="Столик №11" border=1 title="Столик №11"/> <area shape="rect" coords="300,100,356,160" href="#" onclick="get_datee('10');" alt="Столик №10" border=1 title="Столик №10"/> <area shape="rect" coords="220,185,278,235" href="#" onclick="get_datee('5');" alt="Столик №5" border=1 title="Столик №5"/> <area shape="rect" coords="300,185,356,235" href="#" onclick="get_datee('6');" alt="Столик №6" border=1 title="Столик №6"/> <area shape="rect" coords="390,65,429,115" href="#" onclick="get_datee('9');" alt="Столик №9" border=1 title="Столик №9"/> <area shape="rect" coords="390,125,429,180" href="#" onclick="get_datee('8');" alt="Столик №8" border=1 title="Столик №8"/> <area shape="rect" coords="390,188,429,245" href="#" onclick="get_datee('7');" alt="Столик №7" border=1 title="Столик №7"/> <area shape="rect" coords="390,255,429,305" href="#" onclick="get_datee('4');" alt="Столик №4" border=1 title="Столик №4"/> <area shape="rect" coords="180,255,238,305" href="#" onclick="get_datee('2');" alt="Столик №2" border=1 title="Столик №2"/> <area shape="rect" coords="270,255,343,305" href="#" onclick="get_datee('3');" alt="Столик №3" border=1 title="Столик №3"/> <area shape="rect" coords="0,215,155,305" href="#" onclick="get_datee('1');" alt="Столик №3" border=1 title="Столик №1"/> </map> </center> При некотором событии срабатывает функция которая Ajax`ом подгружает данные в див с ид sss (рядом с изображением) Вот такие вставки : PHP: <img src="8475.png" onclick="get_datee('4');" width="20" style="position:absolute;padding-left:817px; padding-top:285px;"> Получается эти маленькие картиночки появляются над основной картинкой. Все бы хорошо, но тут позиционируется относительно экрана и его разрешения (больше или меньше и картинки сползают с мест. В разных браузерах ведет расчет с разных мест. Да и даже когда все хорошо. то часть вокруг картинки (прямоугольник от точки х0у0 до х1у1 становится некликабельна) Как позиционировать эти вставки относительно картинки (точка отсчета идет от верхнего левого края картинки) и они не закрывали бы отступлением размеченную часть (area) Вот все что попадает по квадрат с угла до картинки становится не клакабельным (а если у этой картинки есть событие onclick то весь этот прямоугольник среагирует на него)
задача. Code: <div class="block1"> <div class="block2">some text here</div> </div> .block1 - просто какой-то контейнер, с display: block .block2 - элемент с display: inline-block с неизвестной шириной (меняется в зависимости от текста внутри) нужно выровнять элемент с block2 по центру элемента block1. как?
