Image Alignment

Image Alignment

Wednesday 19 April 2006 6:33:06 pm - 3 replies

Modified on Wednesday 19 April 2006 9:53:35 pm by Ashley Knowles

Author Message

Łukasz Serwatka

Wednesday 19 April 2006 11:39:09 pm

Hi Ashley,

What is the output source in web browser?
You should have something similar:

<div class="object-right"><div class="content-view-embeddedmedia">
<div class="class-image">
<div class="attribute-image">
<p>    
<img src="/ezp/var/plain/storage/images/galleries/misc_flowers/purple_haze/280-1-eng-GB/purple_haze_small.jpg" width="100" height="75"  style="border: 0px;" alt="Purple haze" title="Purple haze" />        
    </p>
</div>
<div class="attribute-caption" style="width: 100px">
<p>
A small purple flower.
</p>
</div></div>
</div>

This works fine with base design:

<embed href='ezobject://79' size='small' align='right' />

Perhaps CSS class for <div class="object-right"> is not definined in your CSS file.

"base" design uses 3 classes:

div.object-right
{ 
    margin: 3px;
    float: right;
}

div.object-left
{ 
    margin: 3px;
    float: left;
}

div.object-center
{ 
/*    float: center;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

Personal website -> http://serwatka.net
Blog (about eZ Publish) -> http://serwatka.net/blog

Ashley Knowles

Thursday 20 April 2006 12:05:22 am

Okay that worked... But why it wasn't in base/stylesheets/core.css or base/stylesheets/site.css CSS I don't know...

Łukasz Serwatka

Thursday 20 April 2006 12:47:58 am

That classes by default are in the design/base/stylesheets/classes.css

Personal website -> http://serwatka.net
Blog (about eZ Publish) -> http://serwatka.net/blog

You must be logged in to post messages in this topic!

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.