Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]fire fox zmienia mi rozmiar komórek
Forum PHP.pl > Forum > Przedszkole
predator66611
7.03.2011, 19:31:10
Witam
map problem wysokością komór w tabeli jest różnica kilku pixeli między przeglądarką chrome(internet explorer działa porawnie) a fire fox
problem w tym że jest to podświetlane menu strony więc psuje mi to układ

CSS: to jest fragment kodu odpowiadający za tą tabele

.right{ margin:2px 4px 0px 0px; float:right; }
.right td {text-align:center; height: 113px }
.right td a{ display: block; font-size:16px; font-weight:bold; color:white;}
.right td:hover { background-image:url('images/big_on.png'); }
.right p {color: red;}

wycięty z kodu menu które wyglada tak

CSS:
#top-bg {width:979px; height:453px; margin:0px auto 0px auto; background-image:url('images/bg-top2.jpg'); background-repeat:no-repeat;}

.logo {display: inline-table; width:310px; height:259px; margin:10px 10px 0px 0px; float:left ;}

.logo img{border:none;}

.logo a{text-decoration:none;}

.right{ margin:2px 4px 0px 0px; float:right; }
.right td {text-align:center; height: 113px }
.right td a{ display: block; font-size:16px; font-weight:bold; color:white;}
.right td:hover { background-image:url('images/big_on.png'); }
.right p {color: red;}

a {color:#0b87c1; text-decoration:none;}

.menu {display: inline-table;; width:600px; height:0px; margin:15px 10px 18px 12px; float:left; font-size:16px; color:#ffffff; }

.menu span{margin:0px 10px 0px 10px;}

.menu td{text-align:center; }

.menu td a{ display: block; }
.menu td:hover { background-image:url('images/small1.png'); }

.left-menu a{text-decoration:none; color:#ffffff;}

.left-menu a:hover{text-decoration:underline; color:#ffffff;}

.menu a{text-decoration:none; color:#ffffff;}

.menu a:hover{ color:#ffffff;}



prosze o pomoc jeżeli były by potrzebne jakieś informacje to napisze
Kujski
7.03.2011, 19:45:46
Tabele nie służą do robienia menu, ale to pomijam. Kod strony i kod css jest potrzebny smile.gif tylko daj to w odpowiednich znacznikach. I przemyśl czy nie zrobić tego na DIV'ach smile.gif
predator66611
7.03.2011, 19:51:06
link do strony dla zobrazowania assistance.bij.pl
strona w budowie
problem tkwi w tych dużych polach po prawej stronie ponieważ ich wysokosć jest mniejsza w firefoxie

kod PHP:


[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3.  
  4. <head>
  5.   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6.   <? meta()->generateMeta(); ?>
  7.   <link rel="stylesheet" href="style.css" type="text/css" />
  8.   <meta name="google-site-verification" content="Okv18FHgbFNnpInAcbwbJ2iH03pMcsOMz15s3CQx7Tw" />
  9.  
  10.  
  11.  
  12. </head>
  13.  
  14. <body>
  15. <div id="text33"> Przeprowadzki Poznań, transport mebli Poznań, usługi transportowe Poznań,przeprowadzki w Poznaniu</div>
  16. <div id="top-bg">
  17.  
  18. <div class="logo">
  19. <a href="/" title="Przeprowadzki z Euro-Trans" ><img src="images/przeprowadzki.png" width="310" height="259" rel="nofollow" alt="Przeprowadzki_Poznań_logo" /></a>
  20. </div>
  21.  
  22. <div >
  23.  <table  class="right"  >
  24.   <tr>
  25.     <td width="322"
  26. >
  27.       <a href="/nasze-uslugi.html" >Strona główna<br>
  28.  
  29.  
  30.       </a>
  31.     </td>
  32.   <tr>
  33.  
  34.     <td width="322"  > 
  35.  
  36.       <a href="/nasze-uslugi.html" >Transport</a>
  37.     </td>
  38.     </tr>
  39.  
  40.   <tr>
  41.     <td width="322"
  42. >
  43.      <a href="/nasze-uslugi.html" >Przeprowadzki</a>
  44.     </td>
  45.   </tr>
  46.  
  47. </table>  
  48. </div>
  49.  
  50. <div class="menu">
  51. <?php include $menu_section; ?>
  52. </div>
  53. </div>
  54.  
  55. <div id="content">
  56. <div class="left">
  57. <?php include $left_section; ?>
  58. </div>
  59. <div class="main">
  60. <div class="side">
  61. <?php include $main_section; ?>
  62. </div>
  63. </div></div>
[PHP] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #top-bg {width:979px; height:453px; margin:0px auto 0px auto; background-image:url('images/bg-top2.jpg'); background-repeat:no-repeat;}
  2.  
  3. .logo {display: inline-table; width:310px; height:259px; margin:10px 10px 0px 0px; float:left ;}
  4.  
  5. .logo img{border:none;}
  6.  
  7. .logo a{text-decoration:none;}
  8.  
  9. .right{ margin:2px 4px 0px 0px; float:right; }
  10. .right td {text-align:center; height: 113px }
  11. .right td a{ display: block; font-size:16px; font-weight:bold; color:white;}
  12. .right td:hover { background-image:url('images/big_on.png'); }
  13. .right p {color: red;}
  14.  
  15. a {color:#0b87c1; text-decoration:none;}
  16.  
  17. .menu {display: inline-table;; width:600px; height:0px; margin:15px 10px 18px 12px; float:left; font-size:16px; color:#ffffff; }
  18.  
  19. .menu span{margin:0px 10px 0px 10px;}
  20.  
  21. .menu td{text-align:center; }
  22.  
  23. .menu td a{ display: block; }
  24. .menu td:hover { background-image:url('images/small1.png'); }
  25.  
  26. .left-menu a{text-decoration:none; color:#ffffff;}
  27.  
  28. .left-menu a:hover{text-decoration:underline; color:#ffffff;}
  29.  
  30. .menu a{text-decoration:none; color:#ffffff;}
  31.  
  32. .menu a:hover{ color:#ffffff;}
[HTML] pobierz, plaintext
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.