Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Background position i problem ?
zoltar08
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 13.11.2009

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

Powiedzcie mi coś bo mnie zaraz trafi! Przecież nic nie piłem, a nie mogę zrobić banalnej rzeczy.

Mam kod w html:
[HTML] pobierz, plaintext 
  1.   <body>
  2.   <div id="foto"></div>
  3.   </body>
[HTML] pobierz, plaintext


a w CSS:
[HTML] pobierz, plaintext 
  1. body {
  2. background-color: #330000;
  3. background-image:url('images/tlo.jpg');
  4. background-repeat:no-repeat;
  5. background-attachment:fixed;
  6. background-position: center;
  7. width: 990px;
  8. height: 900px;
  9. }
  10.  
  11. #foto {
  12. background-image: url('images/foto1.png');
  13. background-position: right top;
  14. background-repeat: no-repeat; 
  15. width: 270px;
  16. height: 210px;
  17. }        
[HTML] pobierz, plaintext


i obrazek jest w LEWYM górnym rogu i jakieś 10px od góry. Co jest nie tak? O czymś zapomniałem ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

Jest tam, gdzie ma być. Widocznie nadpisujesz gdzieś te wartości. http://jsfiddle.net/nXPpF/

Ten post edytował !*! 30.04.2012, 13:32:44
Go to the top of the page
+Quote Post
bpskiba
post
Post #3





Grupa: Zarejestrowani
Postów: 340
Pomógł: 49
Dołączył: 3.07.2009
Skąd: Rzeszów

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

Cytat(zoltar08 @ 30.04.2012, 14:13:07 ) *
Powiedzcie mi coś bo mnie zaraz trafi! Przecież nic nie piłem, a nie mogę zrobić banalnej rzeczy.

Mam kod w html:
[HTML] pobierz, plaintext 
  1.   <body>
  2.   <div id="foto"></div>
  3.   </body>
[HTML] pobierz, plaintext


a w CSS:
[HTML] pobierz, plaintext 
  1. body {
  2. background-color: #330000;
  3. background-image:url('images/tlo.jpg');
  4. background-repeat:no-repeat;
  5. background-attachment:fixed;
  6. background-position: center;
  7. width: 990px;
  8. height: 900px;
  9. }
  10.  
  11. #foto {
  12. background-image: url('images/foto1.png');
  13. background-position: right top;
  14. background-repeat: no-repeat; 
  15. width: 270px;
  16. height: 210px;
  17. }        
[HTML] pobierz, plaintext


i obrazek jest w LEWYM górnym rogu i jakieś 10px od góry. Co jest nie tak? O czymś zapomniałem ?


wstaw w foto width: 100%;

paczka z obrazkiem przyczepiona jest do lewej strony, a w niej obrazek do prawej
Poprawnie dodaj do obrazka
float: right;
Go to the top of the page
+Quote Post
zoltar08
post
Post #4





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 13.11.2009

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

Dzięki bpskiba! faktycznie nie wiem czemu ale jak dałem 100% a nie ilość pikseli to pomogło i jest OK!
Dzieki (IMG:style_emoticons/default/exclamation.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: 20.09.2025 - 02:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn