Как убрать рамку вокруг изображений (круги) ? Сами изображения добавляю с помощью CSS, ссылка у них прописана в HTML.
CSS:
#circle-01 {
background-image: url("images/circle-green.png");
border-box: none;
outline-box: none;
}
#circle-01:hover,.circle-01:active,.circle-01:focus{
background: url("images/circle-green-pick.png");
}
HTML:
<div id="circles">
<a href="index.php"> <img id="circle-01"> </a>
</div>
Вот сайт: http://zub.1c-bitrixoid.ru/
код не валидный. Вместо задания пути к изображению в теге имдж вы задаете ему фоновое изображение через идентификатор. Замените этот тег на див, например. А рамка, возможно, возникает из-за прорисовки границ изображения, которого нет.
Там еще нужно редактировать таблицу стилей. С примером сложно помочь - нельзя писать латинскими буквами) )
идея такова
меняется в таблице стилей #сирклс имг - на - #сирклс див
в хтмл меняем имг на див (не забыть закрыть тег) (4 штуки)
и должно заработать
При помощи стилей изображение нельзя добавить. Вы добавляете фон. А это разные вещи. Добавленную картинку через теги можно копировать, фон нет.. .
Идите на поклон к сайту http://htmlbook.ru он вас научит...
пиши на почту! разберёмся! не забудь исходники скинуть --все