Forum PHP.pl > [HTML][CSS]Background position i problem ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Background position i problem ?

zoltar08

30.04.2012, 13: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 
  <body>
  <div id="foto"></div>
  </body>
[HTML] pobierz, plaintext

a w CSS:

[HTML] pobierz, plaintext 
body {
background-color: #330000;
background-image:url('images/tlo.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center;
width: 990px;
height: 900px;
}
 
#foto {
background-image: url('images/foto1.png');
background-position: right top;
background-repeat: no-repeat; 
width: 270px;
height: 210px;
}        
[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 ?

!*!

30.04.2012, 13:31:44

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

bpskiba

30.04.2012, 13:36:21

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 
  <body>
  <div id="foto"></div>
  </body>
[HTML] pobierz, plaintext

a w CSS:

[HTML] pobierz, plaintext 
body {
background-color: #330000;
background-image:url('images/tlo.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center;
width: 990px;
height: 900px;
}
 
#foto {
background-image: url('images/foto1.png');
background-position: right top;
background-repeat: no-repeat; 
width: 270px;
height: 210px;
}        
[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;

zoltar08

30.04.2012, 14:27:10

Dzięki bpskiba! faktycznie nie wiem czemu ale jak dałem 100% a nie ilość pikseli to pomogło i jest OK!
Dzieki

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.