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
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:

  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. <meta name="keywords" content="" />
  6. <meta name="description" content="" />
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta name="language" content="pl" />
  9. <link href="style.css" rel="stylesheet" type="text/css" />
  10. <style type="text/css"></style>
  11. <title>Roznoszenie ulotek</title>
  12. <body>
  13. <div id="pole1">
  14. <img src="pole1.png" width="350" height="90"/></div>
  15. <div id="pole2">
  16. <img src="pole2.png" width="700" height="200"/></div>
  17. <div id="pole3">
  18. <img src="pole3.png" width="60" height="37"/></div>
  19. </div>
  20.  
  21. <div id="menu">
  22. <ul style="color:red"type="square">
  23.  
  24.  
  25. <a href="index.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>O nas</a></li>
  26. <a href="oferta.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Oferta</a></li>
  27. <a href="cennik.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Cennik</a></li>
  28. <a href="kontakt.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Kontakt</a></li>
  29. <a href="praca.html"><li style='text-decoration:none; border-bottom:2px solid grey; width:150px';>Praca</a></li>
  30.  
  31.  
  32.  
  33. </ul>
  34.  
  35.  
  36. </div>
  37.  
  38.  
  39. <div id="srodek">
  40. <h4>Oferta</h4>
  41. <div class="box">
  42. Dystrybucja:ulotek, gazetek reklamowych
  43. </div></div>
  44.  
  45.  
  46. </body>
  47.  
  48.  
  49. </head>
  50.  
  51. </html>


A ccs:
  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. }

Co robię nie tak? Gdzie jest błąd? sad.gif
bialko0019
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.