Jump to content

strix

Expert
  • Posts

    213
  • Joined

  • Last visited

Posts posted by strix

  1. Погуглите применение fading-эффекта - судя по всему именно этот эффект вас интересует.

    Также как вариант, можно основное изображение сделать фоновым, а поверх накладывать прозрачный гиф/ и по наведению мыши менять на полупрозрачный пнг (в том числе с градиентом, нужным вам оттенком). При этом можно обойтись только css. Готовое решение, думаю, придумаете сами ))

    А вот такие трюки, как размытие картинки - никак не выйдет

  2. В одном из тегов значение align="center" действует только в самом файле, а если выношу в CSS, то как будто его и нет. Отчего это может быть?

    причин может быть масса:

    1. не подключилась таблица стилей

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

    3. банальная опечатка

    4. и т.д. и т.п.

    ЗЫ. всем станет намного проще, если вы выложите код.

    Хотя нет - может, стоит проверить страницу валидатором, и ОН укажет на вашу ошибку или опечатку :)

  3. продолжу увлекательное обсуждение. я люблю jquery и советую всем присмотреться к нему

    посмотрите примерчик

    <html>
    <head>
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
    $(".stripe tr").mouseover(function(){$(this).addClass("over");});
    $(".stripe tr").mouseout(function(){$(this).removeClass("over");});
    $(".stripe tr:even").addClass("alt");
    });

    </script>
    <style type="text/css">
    table.stripe td, table.stripe th{
    padding:4px;
    }
    tr.alt td{background:#ecf6fc}
    tr.alt th{background:#CCD4D9;border-right:1px solid #fff}
    tr.over td{background:#bcd4ec}
    </style>
    </head>
    <body>
    <table class="stripe" cellspacing="0">
    <tr>
    <th>#</th>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Company</th>
    <th>Phone</th>
    </tr>
    <tr>
    <td>1</td>
    <td>Lorem</td>
    <td>Ipsum</td>
    <td>InterF</td>
    <td>8 044 254 25 25</td>
    </tr>
    <tr>
    <td>2</td>
    <td>Doloren</td>
    <td>Mirty</td>
    <td>Kioft</td>
    <td>8 044 144 25 25</td>
    </tr>
    <tr>
    <td>3</td>
    <td>Proin</td>
    <td>Curabitur </td>
    <td>Biverra</td>
    <td>8 044 144 25 25</td>
    </tr>
    <tr>
    <td>4</td>
    <td>Lorem</td>
    <td>Ipsum</td>
    <td>InterF</td>
    <td>8 044 254 25 25</td>
    </tr>
    <tr>
    <td>5</td>
    <td>Doloren</td>
    <td>Mirty</td>
    <td>Kioft</td>
    <td>8 044 144 25 25</td>
    </tr>
    <tr>
    <td>6</td>
    <td>Proin</td>
    <td>Curabitur </td>
    <td>Biverra</td>
    <td>8 044 144 25 25</td>
    </tr>
    </table>
    </body>
    </html>

    в н?м реализация подсветки строк занимает аж одну строку

    $(".stripe tr:even").addClass("alt");

    плюс прикольный ээфект подсветки строки по наведению курсора

  4. Может я много хочу, ну хотя бы что нибудь похожее есть?

    [флейм]- а вы и есть за меня будете?(с) из мультика[/флейм]

    автоматизации нарезки нет, и очень надеюсь - не будет. Или это уже будет некий искусственный интеллект, определяющий, что логотип у вас в тр?х слоях, а вырезать нужно одну картинку и т.д.

  5. способ пофиксить под ИЕ7 правильное отображение прозрачности

    применяя прозрачность?

    мы говорим о формате png или о ч?м?

    вариантов-то много. вот - 3 лекарства для Ослика

    дело в том, что каждый случай особый - продолжение этой темы при наличии других условий - PNG в IE. Ссылки должны работать.

    и так далее...

    помнится, у меня была проблема с повторяющимся фоном при background-position:20px;

    прямым пут?м решение не нашлось - пришлось позиционировать слой, а не фон, хоть это и было неудобно

    ЗЫ. а вообще - тема вечная )))

  6. klierik - в общем-то меня можно отнести к числу фанов png, так как работы с ним достаточно вплотную хватало.

    соглашусь в том, что этот формат нес?т много лишних проблем (они уже где-то обсуждались) - но пофиксить в общем-то можно

    просто учитывая высказанную автором задачу, вижу ещ? одно решение, которое и изложила )))

    пусть автор решает сам, какое решение лично ему в данном конкретном случае подойд?т лучше

    ваш вариант, конечно, более простой. а простое - лучше хорошего :)

  7. помещайте код в соответствующие теги пожалуйста

    http://forum.htmlbook.ru/help.php#bbcode

    по сути вопроса:

    для решения многих проблем используйте обнуление стилей, хотя бы

    *{margin:0px;padding:0px;}
    a img, img{border:none}/*поможет избавиться от рамки для всех рисунков в линках*/

  8. klierik правильно вам написал

    <div style="opacity:0.3;background:#fff">
    outer
    <div style="opacity:1.0;background:#5F8DB0">inner content</div>
    </div>

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

    если вам нужен просто полупрозрачный фон - сделайте его рисунком (.png) и примените для родительского слоя. О отображении png в IE - масса информации на форуме и в Инете.

  9. 2Vlad - возможно, автору нужно,чтоб в зависимости от класса, указанного в body, менялось например фоновое изображение в блоке с ид. main - тогда есть смысл вынести это в таблицу стилей...

    ЗЫ. но это лишь мои догадки, никак не связанные с вопросом, который задал автор топика - его, кстати, почему-то не слышно )))

  10. часть html:

    <body class="front two-sidebars">
    ...
    <div id="main">
    ...
    </div>
    </body>

    в css файле прописано:

      .two-sidebars #main
    {
    background: url(image.png);
    }

    Вопрос: как правильно прописать селектор в css для #main, чтобы он обрабатывал такие конструкции:

    желательно чтобы не прописывать "sameclass" "samaeclass2" и т.д. в css файле, а выбор был основан только на ".two-sidebars #main"

    Непонятно, что именно требуется )))

    "css для #main" не может обрабатывать body - для блока с id="main" body - родитель! Дочерний блок не может влиять на родительский...

    Стиль

    .two-sidebars #main
    {
    background: url(image.png);
    }

    работает для случая, когда блок с id="main" вложен в другой с классом "two-sidebars" (это может быть и другой блок)

    Замечание - если у вас указаны перекрывающиеся стили, например,

    .sameclass #main
    {
    background: url(image222.png);
    }

    то отработает свойство, указанное последним

    Замечание 2. Уточните вопрос

×
×
  • 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