Witam, próbuje napisac formularz, w którym po kliknieciu na dany input obok pojawia się info na temat danego pola.
Wszystko ładnie pięknie, tylko w operze po kliknięciu na input type='text' tabelka się "rozjeżdża". W IE i FF jest ok. Ma ktoś pomysł?
Oto kod: 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <style type="text/css">
  5. 	body {
  6. 		background-color:#757575;
  7. 		color:white;
  8. 		font-family:courier;
  9. 		margin:0;
  10. 		padding:0;
  11. }
  12.  
  13. 	#imieInfo {
  14. 		visibility:hidden;
  15. 		position:absolute;
  16. }
  17. 	table {
  18. 		margin:0;
  19. }
  20.  
  21. 	h1 {
  22. 		margin:20px;
  23. }
  24.  
  25.  
  26. </style>
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  28. <script>
  29. 	$(document).ready(init);
  30. 	function init() {
  31. 		$('input:text[name=imie]').focus(showImieInfo);
  32. 		$('input:text[name=imie]').blur(hideImieInfo);
  33. 	}
  34.  
  35. 	function showImieInfo() {
  36. 		var pos;
  37. 		pos = $('input:text[name=imie]').offset();
  38. 		pos.left += 250;
  39. 		$('#imieInfo').offset(pos);
  40. 		$('#imieInfo').css({visibility: 'visible', position: 'absolute'});
  41. 	}
  42.  
  43. 	function hideImieInfo() {
  44. 		$('#imieInfo').css('visibility','hidden');
  45. 	}
  46.  
  47. </script>
  48. </head>
  49. <body>
  50. <div id='contener'>
  51. <h1>Kreator postaci</h1>
  52. <form>
  53. <table>
  54. 	<tr><td><input type='text' name='imie'/></td><td>Imie</td></tr>
  55. 	<tr><td><input type='text' name='nazwisko'/></td><td>Nazwisko</td></tr>
  56. </table>
  57. <div id='imieInfo'>Imię Twojej postaci. Od dwóch do 20 znaków</div>
  58. </form>
  59.  
  60. </div>
  61. </body>
  62. </html>
[HTML] pobierz, plaintext