проблема границы css - PullRequest
Новая
       19

проблема границы css

0 голосов
/ 08 марта 2010

По какой-то причине у меня очень уродливая оранжевая часть рамки вокруг изображения.

Кто-нибудь может понять, почему это так?

Это HTML 

<div class="preview">

            <a href="images/foto/full/280899624_6_5_j6.jpeg" title="Sportschool Raymond Snel" rel="lightbox"><img src="images/foto/full/280899624_6_5_j6.jpeg" alt="text" /></a>

</div>

Это CSS 

.preview {
    width: 85px; 
    height: 85px; 
    overflow: hidden;
    border: 3px solid #2e2a26;
    }

Код цвета = FF6a00, но появляется только один раз в файле CSS. 

a {
    color: #ff6a00;
    text-decoration: none;
    border: 0px;
}

Как видите, я уже дал ему 0px, но по какой-то причине граница все еще там.

Ответы [ 7 ]

3 голосов
/ 08 марта 2010

Попробуйте img { border: 0; }

1 голос
/ 08 марта 2010

Попробуйте это: 

.preview a:link img, .preview a:active img, .preview a:hover img, .preview a:selected img, .preview a:visited img{border-style:none;}
1 голос
/ 08 марта 2010

Граница объясняется тем, что изображение является ссылкой (подумайте о том, как ссылки по умолчанию синего цвета - то же самое относится и к ссылкам на изображения, по умолчанию они имеют рамку).

Эта строка исправит это 

.preview a img {border: 0;}
1 голос
/ 08 марта 2010

Попробуйте это: 

.preview a img { border: 0px; }
1 голос
/ 08 марта 2010

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

img{border:none;}
1 голос
/ 08 марта 2010

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

a img { border:0px;}
0 голосов
/ 08 марта 2010

Просто попробуйте поставить border = "0" внутри тега img. Дайте мне знать, если это поможет.

...