Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]tworzenie strony - nakładanie się jednego elementu na drugi
Forum PHP.pl > Forum > Przedszkole
tomekx86
5.01.2015, 18:06:02
Witam,
Tworzę stronę www, używam ccs oczywiście. Póki co mam menu z lewej strony i tekst po środku. Po przeładowaniu/odświeżeniu strony np F5 tekst po środku potrafi wleźć na menu - dosłownie. Nie zawsze tak jest, ale co któreś odświeżenie, tym bardziej jak szybko odświeżam. Wygląda to tak: http://zapodaj.net/f10518ea42423.gif.html
Kod wygląda tak: 

[HTML] pobierz, plaintext 
  1. <?xml version="1.1" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W#C//DTD XHTML 1.1//EN"
  3.  "http://www.w3.org/tr/xhtml11//Dtd/xhtml11.11dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  5. <head>
  6.     <meta name="keywords" content="" />
  7.     <meta name="description" content="" />
  8.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9.     <meta name="language" content="pl" />
  10.     <link href="style.css" rel="stylesheet" type="text/css" />
  11. <style type="text/css"></style>
  12. <title>Roznoszenie ulotek</title>
  13.  <body>
  14.   <div id="pole1">
  15.   <img src="pole1.png" width="350" height="90"/></div>
  16.   <div id="pole2">
  17.   <img src="pole2.png" width="700" height="200"/></div>
  18.   <div id="pole3">
  19.   <img src="pole3.png" width="60" height="37"/></div>
  20.   </div>
  21.  
  22.   <div id="menu">
  23.    <ul style="color:red"type="square">
  24.  
  25.  
  26. <a href="index.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>O nas</a></li>
  27. <a href="oferta.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Oferta</a></li>
  28. <a href="cennik.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Cennik</a></li>
  29. <a href="kontakt.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Kontakt</a></li>
  30. <a href="praca.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Praca</a></li>
  31.  
  32.  
  33.  
  34. </ul>
  35.  
  36.  
  37.             </div>
  38.  
  39.  
  40. <div id="srodek">
  41. <h4>Oferta</h4>
  42. <div class="box">
  43. Dystrybucja:ulotek, gazetek reklamowych
  44. </div></div>
  45.  
  46.  
  47. </body>
  48.  
  49.  
  50. </head>
  51.  
  52. </html>
[HTML] pobierz, plaintext


A ccs: 
[CSS] pobierz, plaintext 
  1. @charset "UTF-8";
  2. *#pole1 {
  3.     position: absolute;
  4.     top: 0px;
  5.     left: 0px;
  6. }
  7. #pole2 {
  8.     position: absolute;
  9.     top: 90px;
  10.     left: 350px;
  11. }
  12. #pole3 {
  13.     position: absolute;
  14.     top: 290px;
  15.     left: 350px;
  16. }
  17. #menu {
  18.     position: relative;
  19.     top: 80px;
  20.     left: 57px;
  21.     width: 495px;
  22.     height: 36px;
  23.     font-size: 18px;
  24.     font-family:Arial;
  25.     line-height:203%;
  26. }
  27. a {
  28.     color: red;
  29.     text-decoration: none;
  30. }
  31. #srodek {
  32.     position: static;
  33.     padding: 175 100 90 410;
  34.     width:550px;
  35.     color:red;
  36.     font-size:18px;
  37. }
[CSS] pobierz, plaintext

Co robię nie tak? Gdzie jest błąd? sad.gif
bialko0019
8.01.2015, 22:54:02
Skopiowany temat: Temat: HTMLCSStworzenie strony nakladanie sie jednego elementu na drugi - tam odpisałem.
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.