Thanks a lot for this tutorial Sara.
]]>html:
<img src="someimage.jpg" alt="width size over 100px"/>
<div>description of image</div>
css:
img {float: left;}
div {margin-left: 100px;}
in this case the div will have 0 margin relative to the image. The only solution I’ve found is to set the margin on the image pushing neighboring elements away. I’m really interested if there exists other ways to tackle this problem.
]]>footnote
. It’s implemented and works now in PrinceXML.
]]>Can you help me with some css to stop it moving.
My css is :
.fb-like{position:fixed;padding:15px;margin:0 auto}
Regards.
Neil
div.aside)(aside
to help style the float.
Layout is simple.
Element article ( relative
hugs all content, fills page. Element section ( -
wraps div.aside#left
nicely, but gets buried under div.aside#right
.
Say we use two aside elements.
Title block is div.aside#left
and ad floater is div.aside#right
.
We code aside ( border:1px position:relative width:100px
.
Top left float is
div.aside#left ( float:left margin-right:1em
.
Floater is
div.aside#right
( position:absolute *ie6* position:fixed right:1em top:1em
.
Now, we need ‘ad aside’ always visible, top right corner of browser window! How can any variant of aside
use float:right
and not stick to top-of-page… and
(visible top right corner as we scroll down) how can content wrap around our floater?
elmoluz
]]>