Forum PHP.pl > [css/html] Jak usunąć podkreślenie z obrazka png w FF

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css/html] Jak usunąć podkreślenie z obrazka png w FF

Morale

31.01.2008, 17:28:31

Mam przezroczysty obrazek z rozszerzeniem .png i ten obrazek jest objęty linkiem i po najechaniu na obrazek pojawia się na dole pasek, tak jak po najechaniu na link. Jak go usunąć, bo samo border=0 nie działa.

potreb

31.01.2008, 17:34:46

dodaj do css:

Kod

img {
border: 0;
}

Morale

31.01.2008, 17:37:32

Sprawdziłem, nie działa. Przecież mówiłem, że mi się nie pojawia obramowanie obrazka, tylko po najechaniu na niego na dolnej części obrazka (która jest przezroczysta) pojawia się podkreślenie w kolorze takim jaki mają linki na stronie.

qrees

31.01.2008, 17:39:11

Cytat(Morale @ 31.01.2008, 17:37:32 )

Kod

img{
text-decoration:none;
}

Morale

31.01.2008, 17:42:12

Nic nie dało. Dodam, ze podkreśla sie tylko w FF

potreb

31.01.2008, 17:46:12

Może pokaż ten kawałek kodu nam :|
Skoro obrazek jest jako odnośnik to dla linku ustaw

Kod

.link {
text-decoration:none;
}

Może coś to pomoże.

Morale

31.01.2008, 17:48:38

[HTML] pobierz, plaintext 
<a   href="index.php">
<img class="logo" src="logo.png" alt="Logo">
</a>
[HTML] pobierz, plaintext

Cytat

.logo {
border: 0;
text-decoration: none;
}

Nadal bez zmian.

potreb

31.01.2008, 17:53:07

U mnie działa normalnie. Może cache wyczyść.
Lub plik jest źle zapisany, to jest też dość prawdopodobne.

Morale

31.01.2008, 17:55:11

Jak byś miał obrazek png z przezroczystością to też by ci nie działało.

potreb

31.01.2008, 17:56:55

Właśnie testowałem na 2 obrazkach png panie Morale

Morale

31.01.2008, 18:02:48

Tu nie chodzi o ogólną przezroczystość zastosowaną w obrazku, tylko taką, która występuje w moim obrazku na dole.

Jak dałem tło na czarne, to podkreślenie zniknęło. A jak znów przezroczystość (czyli puste pole pod obrazkiem) to znów podkreślenie się przywróciło.

No trudno...

arecki

31.01.2008, 20:30:57

[HTML] pobierz, plaintext 
<html>
  <head>
  <title>bardzo trudny test na wyłączenie podkreslenia</title>
  <style>
  a:link, a:visited, a:hover {
    text-decoration: none 
  }
  img {
    border: none;
  }
  </style>
  </head>
  <body>
  <a href="http://wp.pl"><img src="jakis_obrazek.png"></a>
  </body>
</html>
[HTML] pobierz, plaintext

Daimos

31.01.2008, 20:52:04

jak juz to bym proponowal:

[HTML] pobierz, plaintext 
<html>
<head>
<title>bardzo trudny test na wyłączenie podkreslenia</title>
<style>
a.logo:link, a.logo:visited, a.logo:hover {
text-decoration: none
}
img {
border: none;
}
</style>
</head>
<body>
<a href="http://wp.pl"><img src="jakis_obrazek.png"></a>
</body>
</html>
[HTML] pobierz, plaintext

zeby nie przypisywac styli do "wszystkich" linkow

arecki

31.01.2008, 21:07:38

Jeżeli już to bym proponował dodać atrybut class do tagu <a>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.