Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Brak obramowania linków i wycentrowanie formy
Forum PHP.pl > Forum > Przedszkole
redelek
5.08.2009, 13:27:09
Witam,

Mam taki problem z IE 8.0 i jemu podobnymi.
[HTML] pobierz, plaintext 
  1. * { padding: 0; margin: 0; }
  2.  
  3. body {
  4. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  5. 	font-size: 11px;
  6. 	background: #FBFCFE;
  7.  
  8. }
  9. #strona { 
  10.  margin: 50px auto;
  11.  width: 980px;
  12.  border: 1px solid red;
  13. }
  14. #naglowek {
  15. 	text-align: right;
  16. 	border: 1px solid brown;
  17. 	color: #333;
  18. 	width: 978px;
  19. 	float: left;
  20. 	height: 75px;
  21. 	margin-bottom: 5px;
  22. }
  23. #lewakolumna{
  24. float:left;
  25. width:130px;
  26. border: 1px solid black;
  27.  
  28. }
  29.  
  30. #lewakolumna a{
  31. padding: 3px 1px;
  32. display: block;
  33. width: 125px;
  34. text-decoration: none;
  35. font-weight: bold;
  36. border-bottom: 0px solid gray;
  37.  
  38. }
  39.  
  40. #lewakolumna a:hover{
  41. background-color: #FFFF80;
  42. width:125px;
  43. }
  44.  
  45. #prawakolumna{
  46. float:left;
  47. width: 831px;
  48. border: 1px solid black;
  49. margin-left: 1px;
  50. padding: 4px 4px 4px 4px;
  51.  
  52. }
  53.  
  54. * html #prawakolumna{ /*IE only style*/
  55. height: 400px;
  56. }
  57. #stopka { 
  58.  text-align: center;
  59.  padding: 5px 5px 5px 5px;
  60.  border: 1px solid blue;
  61.  font-size:13px;
  62.  width: 968px;
  63.  height: 15px;
  64.  clear: both;
  65.  color: #000000;
  66.  
  67. }
[HTML] pobierz, plaintext


Linki zrobiłem sobie z obramowaniem i w IE niestety nie w jednym nie widać góry, a w drugim dołu sad.gif
[HTML] pobierz, plaintext 
  1. a.submit:hover {
  2. 	font-size: 12px;
  3. 	color: Navy;
  4. 	text-decoration: none;
  5. 	border: 1px solid #616161;
  6. 	padding: 2px 2px 2px 2px;
  7. 	margin: 5px 5px 5px 5px;
  8. }
  9. a.submit {
  10. 	font-size: 12px;
  11. 	color: #4169E1;
  12. 	text-decoration: none;
  13. 	border: 1px solid #616161;
  14. 	padding: 2px 2px 2px 2px;
  15. 	margin: 5px 5px 5px 5px;
  16. }
[HTML] pobierz, plaintext


W operze i FF jest wszystko idealnie co mogę poprawić żeby IE to załapał ?
wookieb
5.08.2009, 13:30:26
A html to kto poda? Mie mogles ułatwic nam zadania umieszczajac ta strone publicznie? A tak to musimy sobie tworzyc dokument itd.

Na ie często pomaga zastosowanie 
[HTML] pobierz, plaintext 
  1. display: inline-block;
[HTML] pobierz, plaintext
redelek
5.08.2009, 13:36:12
oki to już pokombinuję
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.