[css] как сделать border-left: background-image ....

Тема в разделе "Другие языки", создана пользователем ufaclub, 13 авг 2010.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. ufaclub

    ufaclub

    Регистр.:
    1 май 2007
    Сообщения:
    394
    Симпатии:
    17
    заменить типы бордера на свою картинку? как?

    или как сделать диву обводку с своим фоновым изображением?

    или бордер .IMG - чтобы тоже была возможность выбрать свое изо брожение фоновое:)
     
  2. McLay

    McLay Постоялец

    Регистр.:
    20 май 2008
    Сообщения:
    71
    Симпатии:
    15
    никак. только с помощью бэкграунда и/или дополнительных элементов
     
  3. ShoxMaster

    ShoxMaster

    Регистр.:
    3 дек 2008
    Сообщения:
    393
    Симпатии:
    150
    http://www.css3.info/preview/border-image/
    P.S. Помойму это в раздел Веб-дизайн надо было паблить:)
     
  4. Delk0

    Delk0

    Регистр.:
    26 мар 2010
    Сообщения:
    284
    Симпатии:
    47
    Или извращаться с фоновыми изображениями и дополнительными слоями, или css3.
    Но тогда кроссбраузерностью тут и пахнуть не будет.
     
  5. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    поставить отступ для дива padding (ширина обводки), фон как обводку и внутри дива картинку

    HTML:
    
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .image {
        padding:20px;
        background:url(http://image.shutterstock.com/display_pic_with_logo/57169/57169,1218743095,1/stock-photo-diagonal-red-and-yellow-warning-hazard-stripes-background-will-tile-seamlessly-as-a-pattern-16133347.jpg) left top repeat;
        float:left;
    }
    -->
    </style>
    </head>
    
    <body>
    <div class="image"><img src="http://www.google.me/logos/canadaday10-hp.gif" border="0" /></div>
    </body>
    </html>
    
     
  6. Graph33

    Graph33 Создатель

    Регистр.:
    4 авг 2010
    Сообщения:
    34
    Симпатии:
    0
    а что нужно то? круглые углы у div сделать чтоль?
     
Статус темы:
Закрыта.