Jump to content

Switch74

Expert
  • Posts

    3,246
  • Joined

  • Last visited

  • Days Won

    155

Everything posted by Switch74

  1. Switch74

    div

    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
  2. начнем с того, что в ul у вас есть nav - это не есть гуд почему в фаере так происходит н скажу, могу только сказать, что galleria-container уперается в ссылку контакты, возможно поможет опустить контент подальше от меню
  3. вот пример 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>
  4. .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> если же вы эти блоки по бокам хотите использовать под фоны, которые будут растягиваться в разные стороны до бесконечности, то их можно позиционировать абсолютно
  5. этот стиль нужно применять к родительскому, самому главному как правило как у вас верстка то реализована? и кому вы применили данный стиль?
  6. просохатил не то и ни туда
  7. наверно <title><?php bloginfo('name'); ?><? if(is_home()){ ?> » <?php bloginfo(description); } ?><?php wp_title('«', true, 'left'); ?></title> но я не в курсях как работает wp, возможно laquo придется заменить на raquo хотя в вашем варианте почему-то показывается именно raquo а не laquo
  8. уже есть в 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>
  9. спс за объяснение, вот так бы по чаще, хоть знать за что минус получаю, а то уже 4 без понятия за что... сюда часто обращаются люди именно за помощью не зная как реализовать то, что они хотят. это я видел, но если человек не вкурил, я объяснил на примере, лично до меня лучше практические примеры доходят если он ждал, что ему сделают все за него, то мой пример ему переделывать под свое все равно нужно будет и еще раз спасиб за объяснение минуса
  10. min-height:100% для второго блока
  11. 1. ну можно увеличить межстрочное расстояние, чтобы оно везде было побольше, 2. можно саму картинку уменьшить в размерах 3. можно вставлять картинку в обертке так, чтобы обертка была высотой с текст, а картинка внутри этой обертки была бы position:absolute; тогда размеры картинки не будут влиять на строчки
  12. <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>
  13. top с position:relative тоже не поможет, т.к. визуально объект будет смещаться, но занимать он будет продолжать то место которое сейчас занимает и отступ от этого никуда не денется
  14. без position, top не отработает отрицательный margin-top может помочь img и так inline-block и выравнивание скорее всего не поможет, т.к. высота img больше высты текста
  15. размер шрифта сделай побольше и все будет норм, а то у тебя видать картинка то по высоте больше текста, вот и появляется большой отступ
  16. а дальше делаем систему для слепых, которая будет им озвучивать сайт или сделать скрипт, который будет в области курсора типа как лупой показывать норм текст
  17. а если на фоне будут разные хрени, да еще сделать какой-нить изврат как на капче
  18. хо-хо... интересная идея. Кста, сделать ее на canvas можно
  19. если лениво подключать jquery, напишите образец кода на чистом js. Мне бы проще было не подключать то, что и так подключено, а написать одну маленькую строчку для выполнения простой задачи я не говорю, что лениво, обычно у меня он по умолчанию подключен и уже привык использовать именно его, я уточнил это для ТС это как вариант
  20. только для этого нужно подключать jquery
  21. Switch74

    joomla 2.5.4

    !important ну или делайте свои стили более важными за счет вложенности
  22. чтоб не было прокрутки надо к тегу footer, нужна создать отрицательный margin-tор, марджин-тор на отрицательный размер самого footera и все))) body уже имеет height:100%; + padding-top:20px; и это уже создает вертикальную прокрутку отрицательный margin боюсь не спасет
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy