Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css/html] Jak usunąć podkreślenie z obrazka png w FF
Morale
post
Post #1





Grupa: Zarejestrowani
Postów: 152
Pomógł: 2
Dołączył: 28.03.2007

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 13)
potreb
post
Post #2





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

dodaj do css:
Kod
img {
border: 0;
}


Ten post edytował potreb 31.01.2008, 17:35:00
Go to the top of the page
+Quote Post
Morale
post
Post #3





Grupa: Zarejestrowani
Postów: 152
Pomógł: 2
Dołączył: 28.03.2007

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
qrees
post
Post #4





Grupa: Zarejestrowani
Postów: 275
Pomógł: 44
Dołączył: 23.11.2007

Ostrzeżenie: (0%)
-----

Cytat(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.

Kod
img{
text-decoration:none;
}


Ten post edytował qrees 31.01.2008, 17:39:46
Go to the top of the page
+Quote Post
Morale
post
Post #5





Grupa: Zarejestrowani
Postów: 152
Pomógł: 2
Dołączył: 28.03.2007

Ostrzeżenie: (0%)
-----

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

Ten post edytował Morale 31.01.2008, 17:44:47
Go to the top of the page
+Quote Post
potreb
post
Post #6





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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.

Ten post edytował potreb 31.01.2008, 17:47:32
Go to the top of the page
+Quote Post
Morale
post
Post #7





Grupa: Zarejestrowani
Postów: 152
Pomógł: 2
Dołączył: 28.03.2007

Ostrzeżenie: (0%)
----- 

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


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


Nadal bez zmian.

Ten post edytował Morale 31.01.2008, 17:51:05
Go to the top of the page
+Quote Post
potreb
post
Post #8





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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

Ten post edytował potreb 31.01.2008, 17:56:16
Go to the top of the page
+Quote Post
Morale
post
Post #9





Grupa: Zarejestrowani
Postów: 152
Pomógł: 2
Dołączył: 28.03.2007

Ostrzeżenie: (0%)
-----

Jak byś miał obrazek png z przezroczystością to też by ci nie działało.
Go to the top of the page
+Quote Post
potreb
post
Post #10





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Właśnie testowałem na 2 obrazkach png panie Morale
Go to the top of the page
+Quote Post
Morale
post
Post #11





Grupa: Zarejestrowani
Postów: 152
Pomógł: 2
Dołączył: 28.03.2007

Ostrzeżenie: (0%)
-----

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...
Go to the top of the page
+Quote Post
arecki
post
Post #12





Grupa: Zarejestrowani
Postów: 222
Pomógł: 35
Dołączył: 6.02.2005

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html>
  2.   <head>
  3.   <title>bardzo trudny test na wyłączenie podkreslenia</title>
  4.   <style>
  5.   a:link, a:visited, a:hover {
  6.     text-decoration: none 
  7.   }
  8.   img {
  9.     border: none;
  10.   }
  11.   </style>
  12.   </head>
  13.   <body>
  14.   <a href="http://wp.pl"><img src="jakis_obrazek.png"></a>
  15.   </body>
  16. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Daimos
post
Post #13





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

Ostrzeżenie: (0%)
-----

jak juz to bym proponowal:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>bardzo trudny test na wyłączenie podkreslenia</title>
  4. <style>
  5. a.logo:link, a.logo:visited, a.logo:hover {
  6. text-decoration: none
  7. }
  8. img {
  9. border: none;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <a href="http://wp.pl"><img src="jakis_obrazek.png"></a>
  15. </body>
  16. </html>
[HTML] pobierz, plaintext
zeby nie przypisywac styli do "wszystkich" linkow
Go to the top of the page
+Quote Post
arecki
post
Post #14





Grupa: Zarejestrowani
Postów: 222
Pomógł: 35
Dołączył: 6.02.2005

Ostrzeżenie: (0%)
-----

Jeżeli już to bym proponował dodać atrybut class do tagu <a> (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował arecki 31.01.2008, 21:07:53
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.12.2025 - 18:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn