Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][JavaScript][HTML]Układ strony
Forum PHP.pl > Forum > Przedszkole
Mimal9999
7.11.2017, 13:49:01
Witam. Mam za zadanie napisać własną stronę internetową ale mam problem z jej układem, a mianowicie na moim głównym ekranie wszystko jest w porządku ale gdy przesunę okno przeglądarki na drugi ekran wszystko ma zmienione rozmiary. Wiem że trzeba podać wielkości jakoś w procentach ale kompletnie mi to nie idzie. Czy ktoś mógłby mi pomóc? Proszę o instrukcję jak dla małego dziecka smile.gif

[HTML] pobierz, plaintext 
  1. <html>
  2.     <script>
  3.         function Rozmiar()
  4.         {
  5.             document.getElementById("lcd").height="894";
  6.             document.getElementById("lcd").width="1391";
  7.             document.getElementById("lcd").style.margin = "0px 0px 0px 250px";
  8.  
  9.         }
  10.         function Powrot()
  11.         {
  12.             document.getElementById("lcd").height="89.4";
  13.             document.getElementById("lcd").width="131";
  14.             document.getElementById("lcd").style.margin = "0px 0px 0px 500px";
  15.  
  16.         }
  17.         function Rozmiar2()
  18.         {
  19.             document.getElementById("lcd_i2c").height="672";
  20.             document.getElementById("lcd_i2c").width="1183";
  21.             document.getElementById("lcd_i2c").style.margin = "0px 0px 0px 250px";
  22.  
  23.         }
  24.         function Powrot2()
  25.         {
  26.             document.getElementById("lcd_i2c").height="89.4";
  27.             document.getElementById("lcd_i2c").width="131";
  28.             document.getElementById("lcd_i2c").style.margin = "0px 0px 0px 500px";
  29.  
  30.         }
  31.         function Rozmiar3()
  32.         {
  33.             document.getElementById("ultrasonic").height="831";
  34.             document.getElementById("ultrasonic").width="1015";
  35.             document.getElementById("ultrasonic").style.margin = "0px 0px 0px 250px";
  36.  
  37.         }
  38.         function Powrot3()
  39.         {
  40.             document.getElementById("ultrasonic").height="89.4";
  41.             document.getElementById("ultrasonic").width="131";
  42.             document.getElementById("ultrasonic").style.margin = "0px 0px 0px 500px";
  43.  
  44.         }
  45.  
  46.     </script>
  47.     <body background="lay.png" style="  background-size: 100% auto;">
  48.         <hr align = "center" width = "50%">
  49.             <p style="color:white; font-size:50; " align = "center"><b>ARDUINO</b></p>
  50.         <hr align = "center" width = "50%">
  51.         <br>
  52.             <p style="color:white; margin-left: 500; font-size:26;">Schematy i biblioteki</p>
  53.             <ul style="color:white; font-size:22; margin-left: 500;">
  54.                 <li >LCD</li>
  55.                     <ul type = "square">
  56.                         <li><a href = "./zalaczniki/LCD_Counter_I2C_short.ino" style="color:inherit; text-decoration: none;" download>Bez magistrali I2C</a></li>
  57.                         <li><a href = "./zalaczniki/Miernik_swiatla_z_LCD.ino" download style="color:inherit; text-decoration: none;">Z magistralą I2C</a></li>
  58.                     </ul>
  59.                 <li><a href = "./zalaczniki/Ultrasonic_Sensor_and_buzzer.ino" download style="color:inherit; text-decoration: none;">Ultra Sonic Sensor</a></li>
  60.             </ul>
  61.  
  62.         <hr align = "center" width = "50%">
  63.  
  64.             <img src = "./zalaczniki/LCD.jpg" id="lcd" width = "131,9" height = "89,4" style="margin-left: 500;" onmouseover="Rozmiar()" onmouseout="Powrot()"> <p style=" color:white; float: right; margin-right: 1000; font-size:26;">LCD</p>
  65.             <br>
  66.             <img src = "./zalaczniki/LCD i2c.jpg" id="lcd_i2c" width = "131,9" height = "89,4" style="margin-left: 500;" onmouseover="Rozmiar2()" onmouseout="Powrot2()"> <p style=" color:white; float: right; margin-right: 1000; font-size:26;">LCD I2C</p>
  67.             <br>
  68.             <img src = "./zalaczniki/6.jpg" id="ultrasonic" width = "131,9" height = "89,4" style="margin-left: 500;" onmouseover="Rozmiar3()" onmouseout="Powrot3()"> <p style=" color:white; float: right; margin-right: 1000; font-size:26;">UltraSonic Sensor</p>
  69.             <br>
  70.  
  71.     </body>
  72. </html>
[HTML] pobierz, plaintext
viking
7.11.2017, 13:57:01
Ten kod to jest jakieś nieporozumienie. Poczytaj trochę o CSS. Po co ten kod JS?
Mimal9999
7.11.2017, 14:01:53
Spodziewałem się że najprawdopodobniej całość jest błędna ale do tej pory miałem tylko tyle i muszę sobie jakoś radzić :/
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.