Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> zostająca kreseczka pod linkiem...
Vasquez21
post
Post #1





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 2.11.2004
Skąd: Jaworzno

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

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)?

Ten post edytował Vasquez21 6.03.2011, 10:54:08
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
Fifi209
post
Post #2





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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

Dodaj:

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


powinno pomóc


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Vasquez21
post
Post #3





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 2.11.2004
Skąd: Jaworzno

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

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





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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

Dziwne bo u mnie działa wszystko dobrze - również Firefox.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
zagir
post
Post #5





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 29.09.2010

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

może dlatego ze masz napisane w stylach solid
Go to the top of the page
+Quote Post
krzywy36
post
Post #6





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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

spróbuj dodać jeszcze style dla a:link i a:visited

Edit: zgodnie z kolejnością - http://www.w3schools.com/css/css_link.asp

Ten post edytował krzywy36 6.03.2011, 11:34:20


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
Vasquez21
post
Post #7





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 2.11.2004
Skąd: Jaworzno

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

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
Go to the top of the page
+Quote Post
Damonsson
post
Post #8





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

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


Ten post edytował Damonsson 6.03.2011, 12:50:47
Go to the top of the page
+Quote Post
mortus
post
Post #9





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

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.

Ten post edytował mortus 6.03.2011, 13:25:07
Go to the top of the page
+Quote Post
Vasquez21
post
Post #10





Grupa: Zarejestrowani
Postów: 213
Pomógł: 0
Dołączył: 2.11.2004
Skąd: Jaworzno

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

dzięki wszystkim za pomoc smile.gif
Go to the top of the page
+Quote Post
Damonsson
post
Post #11





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

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ż [']
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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.08.2025 - 05:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn