positioning image?


i have 2 images in own div tag i'm not having luck keeping them level each other. 2nd image want jumps division below.

 

i floated 2nd image right , cleared left doesn't isn't keeping image level first image. put positioning relative.

 

this division looks like. there can move image up?

 

<div id="servicesphotos">
<img src=file:///i|/dreamweaver/bikes/assets/photos/bike_on_stand.jpg width="332" height="249" id="bike_on_stand" alt="bike maintenance"/>
<img src=file:///i|/dreamweaver/bikes/assets/photos/wheel_service..jpg width="332" height="249" id="wheel_service" alt="wheel truing" />
</div>

 

#container #servicesphotos #bike_on_stand {
float: left;
clear: right;
}

 

#container #servicesphotos #wheel_service {
float: right;
position: relative;
clear: left;
}

maybe see how floats , margins can used create 3-evenly spaced boxes.  can put images, text, flash objects or whatever wish inside them.

 

3 css boxes -

http://alt-web.com/demos/3-css-boxes.shtml

 

alternatively, same thing quicker 3-column table. 

 

 

nancy o.
alt-web design & publishing
web | graphics | print | media  specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Joomla site hacked, cant see front and - Joomla! Forum - community, help and support

Christian Home School Programs - Joomla! Forum - community, help and support

Trouble with PF_OutFlag_I_USE_AUDIO and PF_CHECKOUT_LAYER_AUDIO