Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Kilka divów, problem z pozycją
Furikae
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 18.01.2014

Ostrzeżenie: (0%)
-----

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

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


[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


Ten post edytował Furikae 18.01.2014, 19:42:31
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Daimos
post
Post #2





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

Ostrzeżenie: (0%)
-----

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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
com
post
Post #3





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----

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 (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 4.10.2025 - 10:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn