Div fona bilde un iekš tā div cita bilde

[ziedinjsh]

Sveiki!

 

Es iekš php fusion meiģinu uztaisīt tādu lietu kā:

 

echo "<div style='background-image:url('".IMAGES."avatars/".$userdata['user_avatar']."')'><img src='loading.gif'></div>";

 

Lai div fona bilde ir lietotāja avatars un virs avatāra rādas loading.gif bilde, bet kad uztaisu šādi nerādās background!

[euphoric]

Man līdzīga problēma :

 

<img src="raamis.png" style="border:none; background:url('bilde.jpg');">

 

Tātad ir rāmītis un iekš rāmīša rādas bilde, uz visiem browseriem strada iznjemot IE6 ?

 

Varbūt kāds zin, kas par vainu un kā to labot ?

[ziedinjsh]

es uztaisīju šādi. Man strādā.

 

HTML/PHP:

echo "<div id='setuser-i'>";
echo "<div id='setuser-inside' style='background-image:url(kkāda_bilde.jpg);'><img src='images/setuser3.gif'></div>";
echo "</div>";

CSS:

#setuser-i{
border:1px solid #cccccc;
background-repeat:no-repeat;
padding:5px;
width:120px;
margin:0 auto;
margin-top:10px;
text-align:center;
vertical-align:middle;
}
#setuser-inside{
background-repeat:no-repeat;
width:120px;
height:120px;
overflov:hidden;
padding-top:20px;
}

Edited September 4, 2009 by ziedinjsh

[briedis]

ziedinjsh, tev tur kļūda - overflov:hidden;

pareizi ir overfloW

 

un vēl -

 

margin:0 auto;

margin-top:10px;

 

margin:[Te ir jānorāda px no augšas] 0;

tavā gadījumā:

margin:10px auto;

 

:)

Edited September 4, 2009 by briedis

[ziedinjsh]

margin:0 auto;

tas ir lai div ir iecentrēts.. tas pats kas

margin-left:auto;
margin-right:auto;

 

:)

[xPtv45z]

margin:10px auto;

Būs 10px gan no augšās gan no apakšas. Ja vajag tikai no augšas, tad var norādīt margin:10px auto 0;