Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zostająca kreseczka pod linkiem...
Forum PHP.pl > Forum > Po stronie przeglądarki
Vasquez21
6.03.2011, 10:51:59
Witam wszystkich.

Najprościej będzie chyba jak pokaże po prostu o co chodzi:

http://vasquez.webd.pl/test/

Czy ktoś wie dlaczego pojawia się ta kreseczka (w przeglądarce firefox)?
Fifi209
6.03.2011, 11:03:18
Dodaj:

[CSS] pobierz, plaintext 
  1. a:hover {
  2. text-decoration: none;
  3. }
[CSS] pobierz, plaintext


powinno pomóc
Vasquez21
6.03.2011, 11:07:59
przed chwilą wrzuciłem poniżej zdjęcie jak to u mnie wygląda.
Rzeczywiście jak zrobię tak jak piszesz to pomaga, ale wystarczy, że zrobię: 
[HTML] pobierz, plaintext 
  1. A:hover {text-decoration: none;color:red;}
[HTML] pobierz, plaintext

i problem nadal istnieje...
Fifi209
6.03.2011, 11:15:45
Dziwne bo u mnie działa wszystko dobrze - również Firefox.
zagir
6.03.2011, 11:31:15
może dlatego ze masz napisane w stylach solid
krzywy36
6.03.2011, 11:33:01
spróbuj dodać jeszcze style dla a:link i a:visited

Edit: zgodnie z kolejnością - http://www.w3schools.com/css/css_link.asp
Vasquez21
6.03.2011, 12:30:34
hmm wszystko jest na tej stronce do której dałem linka.
Ale może wkleję cały kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//PL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>test</title>
  6.  
  7.  
  8. <STYLE TYPE="text/css" MEDIA=screen>
  9. body, html {
  10. 	font:normal 13px arial,sans-serif;
  11. 	margin:3;
  12. 	padding:3;
  13. 	color:#484848;
  14. 	background:#ffffff;
  15. }
  16.  
  17. input, select, textarea
  18. {
  19. 	font-size:11px;
  20. }
  21.  
  22.  
  23. A:link {text-decoration: none; color:#669;}
  24. A:visited {text-decoration: none; color:#669;}
  25. A:hover {text-decoration: none;color:red;}
  26. A:active {text-decoration: none;color:#669;}
  27.  
  28. #admin-table
  29. {
  30. 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  31. 	font-size: 12px;
  32. 	width: 90%;
  33. 	margin: auto;
  34. 	text-align: center;
  35. 	border-collapse: collapse;
  36. 	border-top: 7px solid #9baff1;
  37. 	border-bottom: 7px solid #9baff1;
  38. }
  39. #admin-table th
  40. {
  41. 	font-size: 12px;
  42. 	font-weight: bold;
  43. 	padding: 2px;
  44. 	background: #ffffff;
  45. 	border-right: 1px solid #9baff1;
  46. 	border-left: 1px solid #9baff1;
  47. 	border-bottom: 1px solid #9baff1;
  48. 	color: #669;
  49. }
  50. #admin-table td
  51. {
  52. 	padding: 2px;
  53. 	background: #ffffff; 
  54. 	border-right: 1px solid #aabcfe;
  55. 	border-left: 1px solid #aabcfe;
  56. 	color: #669;
  57. }
  58.  
  59. #admin-cards-table
  60. {
  61. 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  62. 	font-size: 12px;
  63. 	width:100%;
  64. 	margin: auto;
  65. 	text-align: center;
  66. 	border-collapse: collapse;
  67. 	border-top: 7px solid #9baff1;
  68. 	border-bottom: 7px solid #9baff1;
  69. }
  70. #admin-cards-table th
  71. {
  72. 	font-size: 12px;
  73. 	font-weight: bold;
  74. 	padding: 2px;
  75. 	background: #ffffff;
  76. 	border-right: 1px solid #9baff1;
  77. 	border-left: 1px solid #9baff1;
  78. 	border-bottom: 1px solid #9baff1;
  79. 	color: #669;
  80. }
  81. #admin-cards-table td
  82. {
  83. 	padding: 2px;
  84. 	background: #ffffff; 
  85. 	border-right: 1px solid #aabcfe;
  86. 	border-left: 1px solid #aabcfe;
  87. 	border-bottom: 1px solid #aabcfe;
  88. 	color: #669;
  89. }
  90.  
  91. p.naglowek
  92. {
  93. 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  94. 	font-size: 13px;
  95. 	text-align:center; 
  96. 	font-weight:bold; 
  97. 	color:#669; 
  98. 	margin:10px 5% 5px 5%;
  99. }
  100.  
  101. #kom-good
  102. {
  103. 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  104. 	font-size: 12px;
  105. 	text-align:center; 
  106. 	font-weight:bold; 
  107. 	color:green; 
  108. 	margin:10px 5% 5px 5%;
  109. }
  110.  
  111. #kom-bad
  112. {
  113. 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  114. 	font-size: 12px;
  115. 	text-align:center; 
  116. 	font-weight:bold; 
  117. 	color:red; 
  118. 	margin:10px 5% 5px 5%;
  119. }
  120.  
  121.  
  122. </STYLE>
  123.  
  124. </head>
  125.  
  126. <body>
  127. <p class="naglowek">TURNIEJE</p>
  128. <table id="admin-cards-table" style="width:80%;">
  129. <tr>
  130. <th align="center"><b>1</b></th>
  131. <th align="center"><b>2</b></th>
  132. <th align="center"><b>3</b></th>
  133. </tr>
  134. <tr>
  135. 	<td><a href="">abc</a></td>
  136. 	<td><a href="">abc</a></td>
  137. 	<td><a href="">abc</a></td>
  138. </tr>
  139. <tr>
  140. 	<td><a href="">abc</a></td>
  141. 	<td><a href="">abc</a></td>
  142. 	<td><a href="">abc</a></td>
  143. </tr>
  144. <tr>
  145. 	<td><a href="">abc</a></td>
  146. 	<td><a href="">abc</a></td>
  147. 	<td><a href="">abc</a></td>
  148. </tr>
  149. <tr>
  150. 	<td><a href="">abc</a></td>
  151. 	<td><a href="">abc</a></td>
  152. 	<td><a href="">abc</a></td>
  153. </tr>
  154. <tr>
  155. 	<td><a href="">abc</a></td>
  156. 	<td><a href="">abc</a></td>
  157. 	<td><a href="">abc</a></td>
  158. </tr>
  159. <tr>
  160. 	<td><a href="">abc</a></td>
  161. 	<td><a href="">abc</a></td>
  162. 	<td><a href="">abc</a></td>
  163. </tr>
  164. </table>
  165.  
  166. <br />
  167. <br />
  168. Dla nie mających FF... poniżej jak to wygląda po tym jak najedzie się na link i z niego zjedzie...<br />
  169. <img src="a.png" />
  170.  
  171. </body>
[HTML] pobierz, plaintext
Damonsson
6.03.2011, 12:48:37
Możesz trochę oszukać wink.gif

[CSS] pobierz, plaintext 
  1. a {text-decoration: none; border-bottom:solid 2px #fff;}
  2. a:link {color:#669;border-bottom:solid 2px #fff;}
  3. a:visited {color:#669;border-bottom:solid 2px #fff;}
  4. a:hover {color:red;border-bottom:solid 2px #fff;}
  5. a:active {color:#669;border-bottom:solid 2px #fff;}
[CSS] pobierz, plaintext




Ale wyświetlanie tych linii bierze się stąd, więc albo oszukaj tak jak napisałem wyżej, albo zrób coś z tym:
[CSS] pobierz, plaintext 
  1. #admin-cards-table
  2. {
  3. 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  4. 	font-size: 12px;
  5. 	width:100%;
  6. 	margin: auto;
  7. 	text-align: center;
  8. 	border-collapse: collapse;
  9. 	border-top: 7px solid #9baff1;
  10. 	border-bottom: 7px solid #9BAFF1;   <---- DOKŁADNIE STĄD, ZMIEŃ SOBIE NA #f00 to zobaczysz czerwone podkreślenie
  11. }
[CSS] pobierz, plaintext

Przy 5 px powinno być ok, ale to sobie sam dostosuj, albo jak musi być koniecznie 7px, no to zrób to co napisałem wyżej.
[CSS] pobierz, plaintext 
  1.  border-bottom: 5px solid #9BAFF1;
[CSS] pobierz, plaintext
mortus
6.03.2011, 13:05:55
Problem dotyczy zastosowania w stylu tabeli (u Ciebie nawet dwóch tabel) atrybutu border-collapse: collapse; i został on szerzej opisany na Chuck's Blog między innymi. Problem rozwiązuje zastosowanie zamiast border-collapse: collapse; dwóch innych atrybutów, a mianowicie border-collapse: separate; i border-spacing: 0px;. Aby jednak wyglądało to tak, jak w Twoim zamierzeniu musisz troszkę pozmieniać styl obramowania komórek tabeli. Problem dotyczy przeglądarki Firefox.

@up & down: Oszukać, jak oszukać. Naciśnij sobie w Firefoxie kombinację Ctrl + '+' (opcja przydatna, kiedy chcesz poczytać z dalszej odległości, jak również dla osób niedowidzących), a zobaczysz, że to przeglądarka oszukała Ciebie udając, że wszystko jest w porządku.
Vasquez21
6.03.2011, 13:08:38
dzięki wszystkim za pomoc smile.gif
Damonsson
6.03.2011, 14:22:41
Cytat(mortus @ 6.03.2011, 13:05:55 ) *
@up & down: Oszukać, jak oszukać. Naciśnij sobie w Firefoxie kombinację Ctrl + '+' (opcja przydatna, kiedy chcesz poczytać z dalszej odległości, jak również dla osób niedowidzących), a zobaczysz, że to przeglądarka oszukała Ciebie udając, że wszystko jest w porządku.


Dlatego nazwałem to oszustwem, przecież [']
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.