Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] podkreślanie lub nie odnośników
Forum PHP.pl > Forum > Przedszkole
1slimak
31.03.2011, 21:41:51
wielka prośba sekret.gif

mam taki problem - oczywiście dla was to betka ale nie dla mnie wstydnis.gif

widziałem na niektórych stronach takie działanie odnośników tekstowych

normalnie odnośnik jest bez podkreślenia w jakimś kolorze (obojętne) po najechaniu na odnośnik pokazuje się podkreślenie w tym samym kolorze, po zjechaniu z odnośnika podkreślenie znika i jest tak jak na początku jak to zrobić, proszę o pomoc ;]]

jam mam tak napisane w pliku z css

[CSS] pobierz, plaintext 
  1.  
  2. .abelka1:link {
  3. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  4. text-decoration: ;
  5. color: #FFFFFF;
  6. }
  7.  
  8. .abelka1:visited, .abelka1:active {
  9. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  10. text-decoration: none;
  11. color: #FFFFFF;
  12. }
  13.  
  14. .abelka1:hover  {
  15. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  16. text-decoration: ;
  17. color: #FFFFFF;
  18. }
  19.  
[CSS] pobierz, plaintext


ale niestety nie działa tak jak trzeba thumbsdownsmileyanim.gif

gdzie jest błąd??

proszę o pomoc
nekomata
31.03.2011, 21:59:15
Może dlatego że w pierwszym i trzecim masz takie ustrojstwo jak 
[CSS] pobierz, plaintext 
  1. text-decoration: ;
[CSS] pobierz, plaintext
Ustaw none albo usuń linijkę i zobacz czy zadziała.
Damiankossek
31.03.2011, 22:01:31 
[HTML] pobierz, plaintext 
  1. .abelka1:link {
  2. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  3. color: #FFFFFF;
  4. }
  5.  
  6. .abelka1:visited, .abelka1:active {
  7. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  8. text-decoration: none;
  9. color: #FFFFFF;
  10. }
  11.  
  12. .abelka1:hover  {
  13. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  14. text-decoration: underline;
  15. color: #FFFFFF;
  16. }
  17.  
[HTML] pobierz, plaintext


Spróbuj tego smile.gif
1slimak
31.03.2011, 22:08:40
niestety nie pomogło a ni jedno ani drugie co_jest.gif
Mackos
31.03.2011, 22:14:37
Zrób tak jak napisał Damiankossek tylko dodatkowo może dopisz:
[HTML] pobierz, plaintext 
  1. .abelka1 a {
  2. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  3. color: #FFFFFF;
  4. text-decoration: none;
  5. }
[HTML] pobierz, plaintext

Bo rozumiem że to się ma odnosić do linków tekstowych, jeśli by to nie podziałało to zamień jeszcze
.abelka1:hover na .abelka1 a:hover
gargamel
31.03.2011, 22:17:29
Wystarczy że do .abelka1:link dodasz text-decoration: none;
cykcykacz
31.03.2011, 22:24:20
Masz gotowca działa na 100%.
Kod
<html>
<style>
.abelka1:hover {
    text-decoration: none;
}
</style>
<a href="jakisplik.php" class="abelka1">tekst</a>
</html>
1slimak
31.03.2011, 22:36:33
no i właśnie niestety nie ma skutku

jedynie jak usunę none w

[CSS] pobierz, plaintext 
  1. .abelka1:visited, .abelka1:active {
  2. font-family: Arial CE, Tahoma, Arial, Verdana, Helvetica;
  3. text-decoration: ;
  4. font-size: 10pt;
  5. font-style: ;
  6. font-weight: 500;
  7. color: #FFFFFF;
  8. }
[CSS] pobierz, plaintext


to coś się dzieje, tylko, że dokładnie odwrotnie to znaczy zgłasza się podkreśleniem a jak najadę to podkreślenie znika ;[[

w końcu zadziałało , źle wstawiłem underline taki zestaw jak poniżej sprawdza się specool.gif 

[CSS] pobierz, plaintext 
  1.  
  2. .abelka1:link {
  3. text-decoration: none;
  4. }
  5.  
  6. .abelka1:visited, .abelka1:active {
  7. text-decoration: none;
  8. }
  9.  
  10. .abelka1:hover  {
  11. text-decoration: underline;
  12. }
[CSS] pobierz, plaintext


WSZYSTKIM BARDZO DZIĘKUJĘ
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.