-
1. Data: 2009-03-03 20:04:26
Temat: CSS - background -image, position, repeat
Od: b...@g...com
Hej,
mam sobie CSS:
.searchResultPhoto {
width:152px;
height:120px;
background-position:center center;
background-repeat:no-repeat;
float:left;
}
co służy do wrzucania do SPANa (koniecznie SPANa) jako tło obrazka
wyszukiwania centralnie wyśwrodkowanego.
+
mam kod PHP który znajduje się w WHILE i wszystko dobrze działa:
if($search[$i][userPhoto]==null)
$foto = '<span class="searchResultPhoto" style="background:url(\'pix/
userWithoutPhoto.gif\')">
</span>' ;
else
$foto = '<span class="searchResultPhoto" style="background:url
(\'userPhoto/mini_'.$search[$i][userPhoto].'.jpg\')"
>
</span>';
więc <span class> wyłącza dublowanie fotki i ustala pozycję tła, a
<span style> wrzuca fotę... tylko dlaczego fota ta jest jakby:
b-position: top left;
oraz
b-repeat: repeat;
?
Ktoś ma pomysł? Chcę minimalnie jak to tylko możliwe wrzucać opis
elementów do <span style>.
--
Pozdrawiam, Paweł
kontakt: icq# 32149351 (www.pawelnowacki.info)
www.zgarniam.pl - ekologiczne i tanie podróżowanie
----------------------------------------------------
-
2. Data: 2009-03-03 20:37:34
Temat: Re: CSS - background -image, position, repeat
Od: b...@g...com
Zrobiłem inaczej ...
wstawiam obrazek jako <img /> wczesniej pobierajac jego width PHPem i
obliczam sobie margines wstawiany do <img style />:) i nie ma
problemow z position i repaat
-
3. Data: 2009-03-03 20:41:28
Temat: Re: CSS - background -image, position, repeat
Od: Paweł Piskorz <n...@p...nie?>
b...@g...com pisze:
> .searchResultPhoto {
> width:152px;
> height:120px;
> background-position:center center;
> background-repeat:no-repeat;
> float:left;
> }
[8<]
> style="background:url('pix/userWithoutPhoto.gif');"
[8<]
> więc <span class> wyłącza dublowanie fotki i ustala pozycję tła, a
> <span style> wrzuca fotę... tylko dlaczego fota ta jest jakby:
> b-position: top left;
> oraz
> b-repeat: repeat;
> ?
Bo tak jej ustawiłeś. Była tu całkiem niedawno dyskusja na ten temat:
http://groups.google.com/group/pl.comp.www/browse_th
read/thread/f9c79fdcd56dfd55?q=#8b3d494d11c32baa
--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}
-
4. Data: 2009-03-03 20:49:21
Temat: Re: CSS - background -image, position, repeat
Od: NotBear <p...@H...interia.pl>
b...@g...com wrote:
> $foto = '<span class="searchResultPhoto" style="background:url(\'pix/
> userWithoutPhoto.gif\')">
Uzywajac okrojonej reguly "background", przywrociles wartosci poczatkowe
wlasnosciom. Zamien na to co Ci konkretnie potrzeba:
style="background-image:url(...)"
Wiecej:
Message-ID: <gnspnd$qvp$1@inews.gazeta.pl>
https://developer.mozilla.org/pl/CSS/background
--
NotBear