Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Kilka divów, problem z pozycją
Forum PHP.pl > Forum > Przedszkole
Furikae
Hej. Mam pewien problem. Na swojej stronie jak na razie dodałem tło obrazkowe. Potem dodałem jednego diva z logiem, ustawiłem za pomocą margin gdzie chciałem, marginy z projektu w Photoshopie. Niestety, gdy dodałem drugiego diva nie mogę go ustawić marginami... no dobra, mogę, ale to jest dziwne. Jakby był uzależniony od tego pierwszego diva z obrazkiem. Gdy ustawię margin na 0 to napis jest początkowo w dziwnym miejscu. Chodzi o napis "strona główna"


http://s3-eu-west-1.amazonaws.com/screensh...fzjxohjyivo.jpg

Muszę mu ustawiać margin na -500, żeby znalazł się na czarnym pasku u góry, tam gdzie chcę. Jakby był uzależnione od pierwszego diva, bo gdy przesunę pierwszego (inny margin) to drugi też się przesuwa.

Tutaj jest index.html i css

  1. <!doctype html>
  2. <meta charset="utf-8">
  3. <title>Almighty Fall</title>
  4. <link rel="stylesheet" type="text/css" href="style.css" />
  5. </head>
  6.  
  7. <div class="logo"><a href="index.html"><img src="images/projekt_28.gif" /></a></div>
  8.  
  9. <div class="stronaglowna"><a href="index.html"><img src="images/projekt_03.gif" /></a></div>
  10.  
  11.  
  12.  
  13. </body>
  14.  
  15. </html>


  1. @charset "utf-8";
  2. /* Strona została stworzona przez: */
  3. /* Patryk Stachuła */
  4. /* Wszelkie prawa zastrzeżone */
  5.  
  6. body {
  7. width: auto;
  8. height: 1904px;
  9. margin: 0 0;
  10. font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  11. font-size: 18px;
  12. background:url(images/background.png) no-repeat;
  13. }
  14.  
  15. .logo {
  16. margin: 231px 0 0 544px;
  17. }
  18.  
  19. .stronaglowna {
  20.  
  21.  
  22.  
  23.  
  24. }
Daimos
Jak chcesz bezwzględnie ustawiać położenie warstw, to dodaj do każdej position:absolute;
A do czego to służy to już odsyłam do tutoriali, bo to podstawy podstaw smile.gif
com
a nie proście tylko zamienić kolejność logo z stronagłowna?

swoją droga ja bym sie trzymał jakiś wytycznych budowania layoutu a nie każdy element w nowym div wink.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.