Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php,css]Lay
Forum PHP.pl > Forum > Przedszkole
Kamils2
witam. Mam maly problem.

http://img212.imageshack.us/img212/4864/desingco7.jpg

oto i on
czy moze mi ktos powiedziec co zorbic aby menu mialo szerokosc 150 pikseli a ta ramka centralna 594 piksele

o to kod pliku index.php

  1. <link rel="stylesheet" type="text/css" href="style.css">
  2.  
  3.  
  4. <table align="center" border="0" cellpadding="0" cellspacing="0" width="744">
  5.  
  6. <tr>
  7. <td class="top1" width="0" height="83"></td>
  8. </tr>
  9.  <tr>
  10. <td class="time" width="0" height="25">
  11.  
  12. <?
  13. //dzień tygodnia
  14. $dz_tyg=array("Sun"=>"niedziela","Mon"=>"poniedziałek","Tue"=>"wtorek","Wed"=>"środa","Thu"=>"czwartek","Fri"=>"piątek","Sat"=> "sobota");
  15. if ($dz=gmDate("D"))
  16. {
  17. $dz_tyg="$dz_tyg[$dz]";
  18. }
  19. //dzień
  20. $dzien=date("d");
  21. //miesiąc
  22. $miesiac=array(1=>"stycznia","lutego","marca","kwietnia","maja","czerwca","lipca","sierpnia","września","paĽdziernika","listopada","grudnia");
  23. if ($m=gmDate("n"))
  24. {
  25. $miesiac="$miesiac[$m]";
  26. }
  27. //rok
  28. $rok=gmDate("Y");
  29. //dzień roku
  30. $dz_roku=gmDate("z");
  31. $dz_roku=$dz_roku+1;
  32. //wyswietlenie całości
  33. echo ("Witamy na stronie dziś jest $dz_tyg, $dzien $miesiac $rok r. $dz_roku dzień
     roku - Miłego dnia"
    );
  34.  
  35. ?>
  36. </td>
  37. </tr>
  38. <tr>
  39. <td class="menu" width="150" height="500">
  40.  
  41. <center>::Menu główne::</center><br>
  42. :: <a href="/index.php" target="ramka">Strona Główna</a><br>
  43. :: <a href=".php" target="ramka">Archiwum newsów</a><br>
  44. :: <a href=".php" target="ramka">Redakcja</a><br>
  45. :: <a href=".php" target="ramka">O rajdach</a><br>
  46. :: <a href=".php" target="ramka">Najbliższy rajd</a><P></P>
  47. <br>
  48. <center>::Linki::</center><br>
  49. :: <a href="http://zsonr2.pulawy.pl" target="ramka">Strona www naszej szkoły</a><br>
  50. :: <a href="http://taniec.pulawy.pl" target="ramka">Nauka tańca</a><br>
  51. :: <a href="http://um.pulawy.pl" target="ramka">Urzad miasta Puławy</a><br>
  52. :: <a href="http://info.pulawy.pl" target="ramka">Puławy on-line</a><br>
  53. :: <a href="http://studiok.pl/" target="ramka">Studio K</a><br>
  54. :: <a href="http://tvk.studiok.pl/" target="ramka">TVK Puławy</a><P></P>
  55. <br>
  56.  
  57. <center>::Statystyki::</center><br>
  58. Odwiedzin: <br>
  59. Odwiedzin dzis: <br>
  60. Przebytych rajdów: <br>
  61. Redaktorów: <P></P>
  62. <br>
  63. <center>::Ostatnie trzy rajdy::</center><br>
  64. Rajd 1<br>
  65. Rajd 1<br>
  66. Rajd 1<br> 
  67.  
  68. <P></P>
  69. <br>
  70. <center>::Kontakt::<br>
  71. Kamils2 - Webmaster<br></center>
  72. Gadu-gadu: 7760356 
  73. E-mail: Kamils0@op.pl
  74. Tlen: kamils924@tlen.pl
  75. </td>
  76. <td class="centralna" width="594" height="500"></td>
  77. </tr>
  78. <tr>
  79. <td class="stopka" width="744" height="40"></td>
  80. </table>


a oto plik css

  1. <?php
  2. BODY {
  3. background-color: #99B7E0 FONT-FAMILY: Arial CE, Arial, Verdana; FONT-SIZE: 7pt; 
  4. SCROLLBAR-FACE-COLOR: #EBF3FF; SCROLLBAR-HIGHLIGHT-COLOR: #D4E4ff; 
  5. SCROLLBAR-SHADOW-COLOR: #D4E4FF; SCROLLBAR-3DLIGHT-COLOR: #D4E4FF; 
  6. SCROLLBAR-ARROW-COLOR: #800000; SCROLLBAR-TRACK-COLOR: #EBF3FF; 
  7. SCROLLBAR-DARKSHADOW-COLOR: #000000; BACKGROUND-COLOR: #FFFFFF;
  8. }
  9. {
  10. COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-SIZE: 8px;
  11. }
  12. {
  13. TEXT-DECORATION: none;
  14. }
  15. A:link {
  16. COLOR: #FFFFFF; FONT-WEIGHT: normal;
  17. }
  18.  
  19. A:visited {
  20. COLOR: #EDC94E; FONT-WEIGHT: normal;
  21. }
  22. A:active {
  23. COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: underline;
  24. }
  25. A:hover {
  26. COLOR: #FFFFFF; FONT-WEIGHT: normal;
  27. }
  28. TD.menu {
  29. FONT-SIZE: 10px; color: #000000; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; background-image: url(pliki/menutlo.png); 
  30. }
  31. li {
  32. color: #FFFFFF; list-style-type: square;
  33. }
  34. input.buttons {
  35. BACKGROUND-COLOR: white; BORDER-BOTTOM: maroon 1px solid; BORDER-LEFT: maroon 1px solid; BORDER-RIGHT: maroon 1px solid; BORDER-TOP: maroon 1px solid; COLOR: maroon; FONT-FAMILY: verdana; FONT-SIZE: 7pt; FONT-WEIGHT: bold;
  36. }
  37. .sel {
  38. BACKGROUND-COLOR: white; BORDER-BOTTOM: maroon 1px solid; BORDER-LEFT: maroon 1px solid; BORDER-RIGHT: maroon 1px solid; BORDER-TOP: maroon 1px solid; COLOR: maroon; FONT-FAMILY: verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold;
  39. }
  40. TD.top1 {
  41. FONT-SIZE: 10px; color: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; background-image: url(grafiki/top1.gif); 
  42. }
  43. TD.time {
  44. FONT-SIZE: 10px; color: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: bold; background-image: url(grafiki/time.gif); 
  45. }
  46. TD.stopka {
  47. FONT-SIZE: 10px; color: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; background-image: url(grafiki/stopka.gif); 
  48. }
  49. TD.menu {
  50. FONT-SIZE: 10px; color: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; background-image: url(grafiki/menu.gif); 
  51. }
  52. TD.centralna {
  53. FONT-SIZE: 10px; color: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; background-image: url(grafiki/centralna.gif); 
  54. }
  55. ?>



bardzo prosze pomoc nie wiem co jest tutaj zwalone :/ i czemu to tak wyswietla
loonger
moze powinienes sprobowac zbudowac szkielet strony nie w tabelce a w divach biggrin.gif
.rh-
To jeszcze używa się <table> do budowy struktury strony...? Pomijając to,
dopisz do

Kod
TD.menu {
    FONT-SIZE: 10px; color: #FFFFFF; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; background-image: url(grafiki/menu.gif);
}

to:
Kod
width: 150px;


Polecam również aby stosować jednostki w wymiarach, np

  1. <table width="744px"><tr><td></td></tr></table>


Pozdrawiam
Kamils2
o wilkie dzieki działa smile.gif

a co do divów to na IE sie rozwalaja

jeszcze raz dzieki za rady

pkurde mam jeszcze jedno pytanie co zrobic zeby nie npisal na srodku obrazka :/ tylko na samej gorze questionmark.gif?
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.