StvPromo.ru — Профессональная раскрутка и продвижение сайта в сети
Профессиональная оптимизация
и продвижение сайтов
Контактная информация:
телефон: (xxxx) xx-xx-xx
телефон: x xxx xxx-xx-xx
эл. почта: seo@stvpromo.ru
icq#: 1411444
Как убрать рамку вокруг изображений-ссылок?

Как убрать рамку вокруг изображений-ссылок?

огда рисунок помещается внутрь контейнера <A>, то он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Можно убрать её добавив к тегу <IMG> параметр BORDER равный нулю. Выглядеть это будет так.

<img src="sample.gif" border="0">

Чтобы от нее избавиться по всей странице или сайту, добавьте параметр border со значением none к селектору IMG.Сделать это можно через CSS. И все картинки-изображения больше не будут отображаться с рамкой. На всех страницах, использующих этот файл CSS рамки пропадут.

a img {border: none; }

Для того чтобы убрать на одной странице, достаточно добавить в ваш файл строку.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Рисунок без рамки</title>
<style type="text/css">
A IMG {
border: none; /* Убираем рамку */
}
</style>
</head>
<body>
<p><a href="link.html"><img src="sample.gif" width="100" height="100"
alt="Рисунок без рамки"></a></p>
</body>
</html>

 
© «StvPromo.ru», 2007