-
Posts
3,246 -
Joined
-
Last visited
-
Days Won
155
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Switch74
-
class это стиль для группы элементов id на странице должен быть уникальным, следовательно это стиль для одного элемента если у нас прописаны у элемента стили class и id, то они оба будут действовать .class{border:1px solid #bbb;} #id{background:#ddd;} у элемента будет и фон и рамка если class и id будут конфликтовать .class{background:#bbb;} #id{background:#ddd;} то выиграет у нас id и фон у элемента будет #ddd если вы хотите для каждой ссылки указывать фон, то это можно сделать так <ul> <li><a href="music/index.php" style="background:url('img1');">Музыка</a> <li><a href="film/index.php" style="background:url('img2');">Фильмы</a> <li><a href="clips/index.php" style="background:url('img3');">Клипы</a> <li><a href="forum/index.php" style="background:url('img4');">Форум</a> </ul> так же этот стиль можно применять не к ссылкам, а к их контейнерам li, эффект будет немного другим если фон для всех ссылок одинаковый, то проще создать для них один class
-
начнем с того, что в ul у вас есть nav - это не есть гуд почему в фаере так происходит н скажу, могу только сказать, что galleria-container уперается в ссылку контакты, возможно поможет опустить контент подальше от меню
-
вот пример sitemap <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"> <!-- created with Free Online Sitemap Generator www.xml-sitemaps.com --> <url> <loc>http://мойсайт.ru/</loc> </url> <url> <loc>http://мойсайт.ru/prices.html</loc> </url> <url> <loc>http://мойсайт.ru/feedback.html</loc> </url> <url> <loc>http://мойсайт.ru/contacts.html</loc> </url> <url> <loc>http://мойсайт.ru/blog/1.html</loc> </url> </urlset>
-
как все таки подсветить div при наведении мыши?
Switch74 replied to djforce's question in HTML Coding
их дофига в css :hover в js onmouseover -
.left {background:#FF4444; width:300px; float:left;} .center {background:#005555; width:300px; margin: 0 auto;} .right {background:#33FFFF; width:300px; float:right;} мне вот интересно, как вы представляете себе сделать <%><px><%> конечно указав минимальную ширину сайта вы сможете сделать данный макет, но у вас будут появляться большие пустые промежутки между блоками на больших экранах, потребуется указать и максимальное огранчение. Обычно как раз делают <px><%><px> если же вы эти блоки по бокам хотите использовать под фоны, которые будут растягиваться в разные стороны до бесконечности, то их можно позиционировать абсолютно
-
этот стиль нужно применять к родительскому, самому главному как правило как у вас верстка то реализована? и кому вы применили данный стиль?
-
или <a>
-
просохатил не то и ни туда
-
наверно <title><?php bloginfo('name'); ?><? if(is_home()){ ?> » <?php bloginfo(description); } ?><?php wp_title('«', true, 'left'); ?></title> но я не в курсях как работает wp, возможно laquo придется заменить на raquo хотя в вашем варианте почему-то показывается именно raquo а не laquo
-
уже есть в CSS такое, но я привык делать все на jquery <style> .img{position:relative;width:200px;height:100px;} .g,.c{position:absolute;top:0px;left:0px;width:200px;height:100px;} .g{z-index:2; background:#bbb;} .c{z-index:1; background:#bb0;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $('.img').live('mouseover',function() { var img = $(this).children('.g'); $(img).stop().animate({'opacity':'0'}); }); $('.img').live('mouseleave',function() { var img = $(this).children('.g'); $(img).stop().animate({'opacity':'1'}); }); </script> <div class="img"> <img class="g"> <img class="c"> </div>
-
попробуй margin:0px auto;
-
спс за объяснение, вот так бы по чаще, хоть знать за что минус получаю, а то уже 4 без понятия за что... сюда часто обращаются люди именно за помощью не зная как реализовать то, что они хотят. это я видел, но если человек не вкурил, я объяснил на примере, лично до меня лучше практические примеры доходят если он ждал, что ему сделают все за него, то мой пример ему переделывать под свое все равно нужно будет и еще раз спасиб за объяснение минуса
-
min-height:100% для второго блока
-
1. ну можно увеличить межстрочное расстояние, чтобы оно везде было побольше, 2. можно саму картинку уменьшить в размерах 3. можно вставлять картинку в обертке так, чтобы обертка была высотой с текст, а картинка внутри этой обертки была бы position:absolute; тогда размеры картинки не будут влиять на строчки
-
<style> ul{width:300px;list-style:none;} ul>li{float:right;clear:right;border:1px solid #000;} </style> <ul> <li>link1</li> <li>linklink2</li> <li>link link 3</li> <li>link 4</li> </ul>
-
top с position:relative тоже не поможет, т.к. визуально объект будет смещаться, но занимать он будет продолжать то место которое сейчас занимает и отступ от этого никуда не денется
-
без position, top не отработает отрицательный margin-top может помочь img и так inline-block и выравнивание скорее всего не поможет, т.к. высота img больше высты текста
-
размер шрифта сделай побольше и все будет норм, а то у тебя видать картинка то по высоте больше текста, вот и появляется большой отступ
-
Возможна ли защита от копирования сайта таким образом...
Switch74 replied to VictoriaV's question in HTML Coding
а дальше делаем систему для слепых, которая будет им озвучивать сайт или сделать скрипт, который будет в области курсора типа как лупой показывать норм текст -
Возможна ли защита от копирования сайта таким образом...
Switch74 replied to VictoriaV's question in HTML Coding
а если на фоне будут разные хрени, да еще сделать какой-нить изврат как на капче -
Возможна ли защита от копирования сайта таким образом...
Switch74 replied to VictoriaV's question in HTML Coding
хо-хо... интересная идея. Кста, сделать ее на canvas можно -
если лениво подключать jquery, напишите образец кода на чистом js. Мне бы проще было не подключать то, что и так подключено, а написать одну маленькую строчку для выполнения простой задачи я не говорю, что лениво, обычно у меня он по умолчанию подключен и уже привык использовать именно его, я уточнил это для ТС это как вариант
-
только для этого нужно подключать jquery
-
!important ну или делайте свои стили более важными за счет вложенности
-
чтоб не было прокрутки надо к тегу footer, нужна создать отрицательный margin-tор, марджин-тор на отрицательный размер самого footera и все))) body уже имеет height:100%; + padding-top:20px; и это уже создает вертикальную прокрутку отрицательный margin боюсь не спасет