Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
Hi,
I've been searching this for a while without success ; here is what I'm trying to do :
CSS :
img { float: left;}
p { background: url('...') no-repeat; text-indent: 12px;}
HTML :
<img src="..." />
<p>ung ganon, ang pinakamalumbay na dilim ng lupa ay itinakda ng mga pinakamaliwanag na reyna. At, ang pinakamatipuno na tinik ng panganay ay isinulat ng iyong matanda.</p>
The probleme is that my background image is hidden by the floated one, is there any way I could fix this ?
Thanks a lot for your help. -
background-position: (<percentage>|<length>) (<percentage>|<length>);
so to get 40px from the left and 5% from the top use:
background-position: 40px 5%; -
Thanks, Kanashii but actually I can't have any information about the floated image width...
Here's what I've found so far :
CSS :
img { float: left;}
p { background: url('...') no-repeat; text-indent: 12px;}
HTML
<img src="..." />
<span style="padding-left: 10px; background: url('..') no-repeat right top;"> </span><p>...</p>
where 10px is the width of my bullet.
any other ideas ? -
It would be a lot easier to understand what you're trying to do if there was an example page.
-
Yeah you're right, sorry : http://uoa7.free.fr/CSS-test/float_bg.html
-
Also float the p, ul or whatever there might be to left and give the image some margin-right.. And for the bullets list-style-position: inside; or some margin should do the trick.
-
I feel like too much floats is always tricky to manage, and as the content of the web site I'm building now is coming dynamically, I'll stick to the "span" solution I've find.
Thanks a lot any way.
1 to 7 of 7