Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem rozdzielczości - prośba o radę
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Jarod
18.05.2005, 10:40:17
Witam!

Mam problem. Robię pewien system. Opiera się on na mysql i php. Nie potrzeba jakiegoś graficznego layoutu. Ale mam pewien problem. Pracuję na rozdzielczości 1024 i dla niej tworzyłem. Teraz postanowiłem sprawdzić 800x600 i wszystko się rozjeżdża. Zamieszczam tutaj zdjecia z dwóch rozdzielczości i z 2 przegladarek.

Doradźcie mi co zmienić żeby na 800x600 jakoś to normalnie wyglądało (stronę logowania już poprawiłem ale i tak IE inaczej interpretuje kod - nie wiedziałem, że aż takie duże różnice mogą być sad.gif

Może nie stosować ramek? Może jakoś czcionki pozmieniać? Bo w 800 wszystko takie duże

Firefox:
logowanie 800x600
funkcja 800x600
logowanie 1024
funkcja 1024


IE:
logowanie 800x600
funkcja 800x600
logowanie 1024
funkcja 1024
revyag
18.05.2005, 10:54:47
Niestety dużo zrobić nie możesz, pewnie masz ustawiane wartości szerokości ramek, warstw, tabel w pikselach. Musiałbyś ustawić wszystko na wartości procentowe. Poza tym konieczne byłoby przerobienie grafik, ustawienie optymalnej czcionki, ewentualnie ładowanie innego zestawu styli w zależności od rozdzielczości.
Lepiej by było jakbyś zrobił stronę pod 800x600 a potem wprowadzał ewentualne poprawki.
Jarod
18.05.2005, 11:05:43
Cytat(revyag @ 2005-05-18 09:54:47)
Niestety dużo zrobić nie możesz, pewnie masz ustawiane wartości szerokości ramek, warstw, tabel w pikselach. Musiałbyś ustawić wszystko na wartości procentowe. Poza tym konieczne byłoby przerobienie grafik, ustawienie optymalnej czcionki, ewentualnie ładowanie innego zestawu styli w zależności od rozdzielczości.
Lepiej by było jakbyś zrobił stronę pod 800x600 a potem wprowadzał ewentualne poprawki.

Problem w tym, że szerokość ramek ustawiałem procentowo (tylko teraz w pikselach zrobiłem stronę logowania). Grafiki? Nie stosuje żadnych grafik - wszystko to proste style smile.gif Nie mam zdolności graficznych więc narazie nie zajmuje się photoshopem.
Problem w tym, że próbowałem przerobić pod 800x600 np jeden z linków (ten co jest na zdjęciu. On poprostu nie zmieści się na tej szerokości ekranu. Musiałbym zmienić układ wyświetlania nowych zleceń a to nie jest dobry pomysł. Może to wina tego że zastosowałem framset do menu?

Poniżej zamieszczam kod:

main.php
[PHP] pobierz, plaintext 
  1. <!--Strona główna -->
  2. <?php
  3.   session_name(sofik);
  4.   session_start();
  5.   include &#092;"config.inc.php\";
  6.  
  7.   //JEŻELI NIE ISTNIEJE SESJA UŻYTKOWNIKA TO ZALOGUJ
  8.   if ( (!isset($_SESSION['nick'])) && (!isset($_SESSION['haslo'])) )
  9.   {
  10. 	 //jeżeli nie istnieje sesja to formularz logowania
  11. 	 ?>
  12. 	   <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
  13. 	   <html>
  14. 	   <head>
  15. 			 <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\">
  16. 			 <meta name=\"pragma\" content=\"no-cache\" />
  17. 			 <title>Logowanie...</title>
  18. 			 <link rel=\"stylesheet\" type=\"text/css\" href=\"autoryzacja.css\" />
  19. 	   </head>
  20. 	   <body>
  21. 	   <?php
  22. 			//Domyślne hasło roota: 1-zmienione, 0-nie zmienione
  23. 			$DomyslneHaslo = 0;
  24. 			//Połączenie z bazą danych
  25. 			$conn = mysql_connect($server, $identyfikator, $haslo)
  26. 				 or die (&#092;"Nie udało się połączyć z bazą danych! BŁĄD: \".mysql_error());
  27. 			//Wybór bazy danych
  28. 			mysql_selectdb($baza)
  29. 				 or die (&#092;"Nie udało się wybrać bazy! BŁĄD: \".mysql_error());
  30.  
  31. 			//Zapytanie o hasło administratora
  32. 			$query = &#092;"SELECT haslo FROM konto WHERE login='root';\";
  33. 			$result = mysql_query($query)
  34. 				 or die (&#092;"Zapytanie nieudane! BŁĄD: \".mysql_error());
  35. 			$query_data = mysql_fetch_row($result);
  36.  
  37. 			//Zamknięcie połączenia z bazą danych
  38. 			mysql_close($conn);
  39.  
  40.  
  41. 			if ( $query_data[0] != MD5(&#092;"root\") )
  42. 			{
  43. 				$DomyslneHaslo = 1;
  44. 			}
  45. 	   ?>
  46. 			 <table width=\"759\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">
  47. 					<tr>
  48. 						<td><h2>SYSTEM &nbsp OBSŁUGI &nbsp FIRMY &nbsp I &nbsp KLIENTA</h2></td>
  49. 					</tr>
  50. 					<tr>
  51. 						<td><h2>SOFIK</h2></td>
  52. 					</tr>
  53. 					<tr>
  54. 						<td><h3>( wersja &nbsp 0.6 beta )</h3></td>
  55. 					</tr>
  56. 					<tr>
  57. 						<td><img src=\"images/spacer.gif\" alt=\"\" width=\"0\" height=\"80\"></td>
  58. 					</tr>
  59. 			 </table>
  60. 			 <table width=\"759\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"0\">
  61. 					<tr>
  62. 						<td>
  63. 							<form action=\"logon.php?<?=SID?>\" method=\"post\">
  64. 								  <table width=\"30%\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"2\">
  65. 										 <tr>
  66. 											 <td  class=\"tdbkground\"><strong>Login:</strong></td>
  67. 											 <td  class=\"tdbkground\"><input type=\"text\" name=\"logid\" value=\"\" size=\"15\" /></td>
  68. 										 </tr>
  69. 										 <tr>
  70. 											 <td  class=\"tdbkground\"><strong>Hasło:</strong></td>
  71. 											 <td  class=\"tdbkground\"><input type=\"password\" name=\"pas\" value=\"\" size=\"15\" /></td>
  72. 										 </tr>
  73. 										 <tr>
  74. 											 <td class=\"tdbkground\"><div align=\"center\"><input type=\"Submit\" name=\"Submit\" value=\"   Zaloguj   \"></div></td>
  75. 											 <td class=\"reg\"><div align=\"left\">&nbsp <a href=\"register.php\">Rejestracja</a></td>
  76. 										 </tr>
  77. 								  </table>
  78. 							</form>
  79. 						</td>
  80. 					</tr>
  81. 			 </table>
  82. 			 <?php
  83. 				  if ( $DomyslneHaslo == 0)
  84. 				  {
  85. 				  ?>
  86. 					<table width=\"759\" align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\">
  87. 						   <tr>
  88. 							   <td><img src=\"images/spacer.gif\" alt=\"\" width=\"0\" height=\"5\"></td>
  89. 						   </tr>
  90. 						   <tr>
  91. 							   <td><h2 class=\"bezpieczenstwo\">BAZA NIE JEST BEZPIECZNA! Zmień domyślne hasło administratora!</h2></td>
  92. 						   </tr>
  93. 					</table>
  94. 				  <?php
  95. 				  }
  96. 				  ?>
  97. 	   </body>
  98. 	   </html>
  99. 	 <?php
  100.   }
  101.   else
  102.   {
  103. 	  //JEŻELI SESJA ISTNIEJE TO ZAŁADUJ PANEL NAWIGACYJNY
  104. 	  header(&#092;"location: start.php?\".SID);
  105.   }
[PHP] pobierz, plaintext


nowezlecenia.php
[PHP] pobierz, plaintext 
  1. <!--
  2. Spis nie zaakceptowanych zleceń klientów
  3. -->
  4. <?php
  5.   session_name(sofik);
  6.   session_start();
  7.   include &#092;"config.inc.php\";
  8.  
  9.   //JEŚLI NIE ISTNIEJE SESJA UŻYTKOWNIKA TO POWRÓT NA STRON LOGOWANIA
  10.   if ( (!isset($_SESSION['nick'])) && (!isset($_SESSION['haslo'])) )
  11.   {
  12. 	 ?>
  13. 	 <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
  14. 	 <html>
  15. 	 <head>
  16. 		   <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\">
  17. 		   <meta name=\"pragma\" content=\"no-cache\" />
  18. 		   <link rel=\"stylesheet\" type=\"text/css\" href=\"autoryzacja.css\" />
  19. 	 </head>
  20. 	 <body>
  21. 		   <br><br><br><br><br><br><br><br><br>
  22. 		   <table width=\"80%\" align=\"center\" border=\"0\" cellpadding=\"14\">
  23. 				  <tr>
  24. 					  <td><h2 class=\"error\">BRAK UPRAWNIEŃ! &nbsp ZALOGUJ SI</h2></td>
  25. 				  </tr>
  26. 		   </table>
  27. 	 </body>
  28. 	 </html>
  29. 	 <?php
  30. 	 echo &#092;"<META HTTP-EQUIV='Refresh' CONTENT='3; URL=main.php'>\";
  31. 	 exit();
  32.   }
  33.  
  34.   //JEŚLI NIE JEST ZALOGOWANY PRACOWNIK TO POWRÓT
  35.   if ($_SESSION['kto'] != '0')
  36.   {
  37. 	 ?>
  38. 	 <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
  39. 	 <html>
  40. 	 <head>
  41. 		   <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\">
  42. 		   <meta name=\"pragma\" content=\"no-cache\" />
  43. 		   <link rel=\"stylesheet\" type=\"text/css\" href=\"autoryzacja.css\" />
  44. 	 </head>
  45. 	 <body>
  46. 		   <br><br><br><br><br><br><br><br><br>
  47. 		   <table width=\"80%\" align=\"center\" border=\"0\" cellpadding=\"14\">
  48. 				  <tr>
  49. 					  <td><h2 class=\"error\">NIE MASZ UPRAWNIEŃ DO WYKONANIA TEGO ZADANIA !!!</h2></td>
  50. 				  </tr>
  51. 		   </table>
  52. 	 </body>
  53. 	 </html>
  54. 	 <?php
  55. 	 echo &#092;"<META HTTP-EQUIV='Refresh' CONTENT='3; URL=main.php'>\";
  56. 	 exit();
  57.   }
  58. ?>
  59. <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
  60. <html>
  61. <head>
  62. 	  <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-2\"/>
  63. 	  <meta name=\"pragma\" content=\"no-cache\" />
  64. 	  <title>Spis nie zaakceptowanych zleceń klientów</title>
  65. 	  <link rel=\"stylesheet\" type=\"text/css\" href=\"roboczy.css\" />
  66. </head>
  67. <body>
  68. <?php
  69.   //Połączenie z bazą danych
  70.   $conn = mysql_connect($server, $identyfikator, $haslo)
  71. 		or die (&#092;"Nie udało się połączyć z bazą danych! BŁĄD: \".mysql_error());
  72.   //Wybór bazy danych
  73.   mysql_selectdb($baza)
  74. 		or die (&#092;"Nie udało się wybrać bazy! BŁĄD: \".mysql_error());
  75.  
  76.   //Zliczenie ilosci nie zaakceptowanych zleceń klientów
  77.   $query = &#092;"SELECT COUNT(zlecenie_id) FROM zlecenie WHERE zaakceptowane=0;\";
  78. 	  $result = mysql_query($query)
  79. 	  or die (&#092;"Zapytanie nieudane! BŁĄD: \".mysql_error());
  80.  
  81.    $query_data = mysql_fetch_row($result);
  82.    $IleZlecen = $query_data[0];
  83.    $Licznik = -1;
  84.  
  85.   //Ile rekordów wypisywać na stronie
  86.   $ile = 15;
  87.  
  88.   $strona = $_GET['strona'];
  89. 	if ( $strona == &#092;"\" )
  90. 	{
  91. 		//Jeśli wchodzimy bez parametru
  92. 		$porcja = 0;
  93. 		$przod = $porcja + $ile;
  94. 		$tyl = $porcja - $ile;
  95. 	}
  96. 	else
  97. 	{
  98. 		//Jeśli wchodzimy z parametrem
  99. 		$porcja = $strona;
  100. 		$przod = $strona + $ile;
  101. 		$tyl = $strona - $ile;
  102. 	}
  103.  
  104.   if ( $IleZlecen != 0 )
  105.   {
  106. 	//Pobierz dane o zleceniach
  107. 	$query = &#092;"SELECT zlecenie_id, zlecenie.klient_id, LEFT(tresc,35), data_zlozenia, klient.nazwisko FROM zlecenie, klient \".
  108. 		   &#092;"WHERE zaakceptowane=0 AND klient.klient_id=zlecenie.klient_id LIMIT $porcja
    ,
  109. $ile;\";
  110. 	$result = mysql_query($query)
  111. 		 or die (\"Zapytanie nieudane! BŁĄD: \".mysql_error());
  112.  
  113. 	//Zamknięcie połączenia z bazą danych
  114. 	mysql_close($conn);
  115.  
  116. 	?>
  117. 	  <table width=\"100%\" align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
  118. 		  <tr>
  119. 			  <td><h2 align=\"center\">Wybierz zlecenia do akceptacji</h2></td>
  120. 		  </tr>
  121. 		  <tr>
  122. 			  <td><img src=\"images/spacer.gif\" alt=\"\" width=\"0\" height=\"20\"></td>
  123. 		  </tr>
  124. 	  </table>
  125. 	  <table width=\"100%\" align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"2\">
  126. 		  <tr>
  127. 			  <td>
  128. 				  <!-- formularz -->
  129. 				  <form action=\"nowezlecenia_p_akcep.php?<?=SID?>\" method=\"post\">
  130.  
  131. 				  <table width=\"100%\" align=\"left\" border=\"0\" cellpadding=\"4\" cellspacing=\"1\">
  132. 					  <tr>
  133. 						  <td  width=\"38%\" class=\"tdbkground\"><strong>Treść zlecenia</strong></td>
  134. 						  <td  width=\"15%\" class=\"tdbkground\"><strong>Data złożenia</strong></td>
  135. 						  <td  width=\"35%\" class=\"tdbkground\"><strong>Nazwisko</strong></td>
  136. 						  <td  width=\"6%\"><strong>Info</strong></td>
  137. 						  <td  width=\"6%\"><strong>AKC</strong></td>
  138. 					  </tr>
  139. 				  </table>
  140. 			  </td>
  141. 		  </tr>
  142. 		  <tr>
  143. 			  <td>
  144. 				  <table width=\"100%\" align=\"left\" border=\"1\" cellpadding=\"1\" cellspacing=\"0\">
  145. 					  <tr>
  146. 						 <?php
  147. 						   while ($query_data = mysql_fetch_row($result))
  148. 						   {
  149. 							 $Licznik++;
  150.  
  151. 							   if ( strlen($query_data[2]) < 35 )
  152. 							   {
  153. 								 echo &#092;"<td class='zwykly' width='38%'>\".$query_data[2].\"</td>\";
  154. 							   }
  155. 							   else
  156. 							   {
  157. 								 echo &#092;"<td class='zwykly' width='38%'>\".$query_data[2].\"...</td>\";
  158. 							   }
  159. 							 echo &#092;"<td class='zwykly' width='15%' align='center'>\".$query_data[3].\"</td>\";
  160. 							 echo &#092;"<td class='zwykly' width='35%' align='center'>\".$query_data[4].\"</td>\";
  161. 							 echo '<td width=\"6%\" align=\"left\"><a href=\"nowezlecenia_p_wiecej.php?id='.$query_data[0].'&'.SID.'\" target=\"wizytowka\">więcej</a></td>';
  162. 							 echo &#092;"<td class='zwykly' width='6%'><input type='checkbox' name='KtoreAkceptowac[]' value='\".$query_data[0].\"'/></td>\";
  163. 							 if ($Licznik < $IleZlecen) echo &#092;"</tr><tr>\";
  164. 						   }
  165. 						 ?>
  166. 						 <!-- Pole ukryte przekazuje wartos Licznik -->
  167. 						 <input type=\"hidden\" name=\"Licznik\" value=<?=$Licznik?> />
  168.  
  169. 					  </tr>
  170. 				  </table>
  171. 			  </td>
  172. 		  </tr>
  173. 		  <tr>
  174. 			  <table width=\"100%\" align=\"center\" border=\"0\" cellpadding=\"4\" cellspacing=\"0\">
  175. 				   <tr>
  176. 					   <td colspan=\"3\"><img src=\"images/spacer.gif\" alt=\"\" width=\"0\" height=\"10\"></td>
  177. 				   </tr>
  178. 				   <tr>
  179. 					   <?php
  180. 						 if ( $porcja >= $ile && $porcja < ($IleZlecen-$ile) )
  181. 						 {
  182. 						   echo '<td width=\"40%\" align=\"right\"><a href=\"nowezlecenia_p_spis.php?strona='.$tyl.'&'.SID.'\" target=\"wizytowka\"><< Poprzednie</a></td>';
  183. 						   ?><td width=\"4%\" align=\"center\"><input type=\"Button\" name=\"Button\" value=\"Wróć\" onClick=\"location.href='wizytowka.php?<?=SID?>'\"></td><?php
  184. 						   echo '<td width=\"40%\" align=\"left\"><a href=\"nowezlecenia_p_spis.php?strona='.$przod.'&'.SID.'\" target=\"wizytowka\">Następne >></a></td>';
  185. 						 }
  186. 						 else if ( $porcja < $ile && $porcja < ($IleZlecen-$ile) )
  187. 						 {
  188. 						   ?><td width=\"54%\"align=\"right\"><input type=\"Button\" name=\"Button\" value=\"Wróć\" onClick=\"location.href='wizytowka.php?<?=SID?>'\"></td><?php
  189. 						   echo '<td width=\"46%\" align=\"left\"><a href=\"nowezlecenia_p_spis.php?strona='.$przod.'&'.SID.'\" target=\"wizytowka\">Następne >></a></td>';
  190. 						 }
  191. 						 else if ( $porcja >= $ile  )
  192. 						 {
  193. 						   echo '<td width=\"46%\" align=\"right\"><a href=\"nowezlecenia_p_spis.php?strona='.$tyl.'&'.SID.'\" target=\"wizytowka\"><< Poprzednie</a></td>';
  194. 						   ?><td width=\"54%\"align=\"left\"><input type=\"Button\" name=\"Button\" value=\"Wróć\" onClick=\"location.href='wizytowka.php?<?=SID?>'\"></td><?php
  195. 						 }
  196. 						 else
  197. 						 {
  198. 						   ?><td width=\"100%\" align=\"center\"><input type=\"Button\" name=\"Button\" value=\"Wróć\" onClick=\"location.href='wizytowka.php?<?=SID?>'\"></td><?php
  199. 						 }
  200. 					   ?>
  201. 				   </tr>
  202. 				   <tr>
  203. 					   <td colspan=\"3\" align=\"right\"><input type=\"Submit\" name=\"Button\" value=\"Akceptuj\"</td>
  204. 				   </tr>
  205. 			  </table>
  206. 				  </form>
  207. 				  <!-- koniec formularza -->
  208. 		  </tr>
  209. 	  </table>
  210. 	<?php
  211.   }
  212.   else
  213.   {
  214. 	?>
  215. 	  <table width=\"80%\" align=\"center\" border=\"0\" cellspacing=\"1\" cellpadding=\"10\">
  216. 		  <tr>
  217. 			  <td><img src=\"images/spacer.gif\" alt=\"\" width=\"0\" height=\"120\"></td>
  218. 		  </tr>
  219. 		  <tr>
  220. 			  <td><h2 class=\"error\">Nie ma nowych zleceń !</h2></td>
  221. 		  </tr>
  222. 		  <tr>
  223. 			  <td align=\"center\"><input type=\"Button\" Name=\"Button\" Value=\"OK\" onClick=\"location.href='wizytowka.php?<?=SID?>'\"></h2></td>
  224. 		  </tr>
  225. 	  </table>
  226. 	<?php
  227.   }
  228.   ?>
  229.  
  230. </body>
  231. </html>
[PHP] pobierz, plaintext


i plik css
Kod
a:link {
        color: #0000cc;
    text-decoration: none;
       }


a:visited {
   color: #0000cc;
          text-decoration: none;
          }

a:hover {
        color: #8E2323;
    text-decoration: underline;
        }


body    { color: #3232CD;
    background-color: #DBDBDB;
        }


h2    { font-family: "Times New Roman", Times, sans-serif;
    color: #3232CD;
    text-align: center;
    font-size: 18pt;
    }

    
td.tdbkground    {background-color: #CFB53B;
  color: #238E23;
                font-family: Verdana, Helvetica, Arial, sans-serif;
                font-size: 10pt;
  text-align: left;
  }

.reg    {background-color: #CFB53B;
    color: #FF24OO;
        font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12pt;
    text-align: center;
    }  
    
    
.error    {background-color: #CFB53B;
    color: #ff0033;
        font-family: Verdana, "Times New Roman", Times, sans-serif;
    font-size: 12pt;
    text-align: center;
    }
    
.zwykly    { font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 10pt;
        text-align: left;
    }


Jak dobrać optymalnie rozmiary czcionek?
Michał Fikus
18.05.2005, 13:52:49
Ja bym Ci polecał używaniem em jako jednostki.
Na ALA (alistapart.com) widziałem artykuł o tym.
Jarod
19.05.2005, 00:07:33
To jest fajny przykład:
[PHP] pobierz, plaintext 
  1. <ul style=\"background: yellow; float: center; width: 150px;\">
  2. <li><a href=\"?str=1\">strona 1</a></li>
  3. <li><a href=\"?str=2\">strona 2</a></li>
  4. <li><a href=\"?str=3\">strona 3</a></li>
  5. </ul>
  6. <div style=\"background: blue; float: left; width: 100px;\"><p>cos tam..</p></div>
  7. <div style=\"background: red; float: left; width: 400px;\">
  8. <p>
  9. <?php
  10. if($_GET['str']==1)
  11. {
  12.   echo 'strona 1';
  13. }
  14. else if($_GET['str']==2)
  15. {
  16.   echo 'strona 2';
  17. }
  18. else if($_GET['str']==3)
  19. {
  20.   echo 'strona 3';
  21. }
  22. else
  23. {
  24.   echo 'strona domyslna';
  25. }
  26. ?>
  27. </p>
  28. </div>
[PHP] pobierz, plaintext

tylko, że reaguje na zmiany rozdzielczości.
Natomiast ten http://www.thenoodleincident.com/tutorials...son/basic4.html nie - dlaczego? Co w nim takiego jest że się nie rozjeżdza?
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.