maybe a little bug in style.css : .art-article img, img.art-article |
|
Egyo
|
Hello !
Since v2.x of Artisteer, every skin I'm using has a little display bug in Articles containers. It's obvious when you display a page wich use the help.gif icon: the text that should be at the left of the image is one line under due to margin around the image. Debugging this, I've found that it's in the style.css :
.art-article img, img.art-article
{
margin: 1em;
}
why margin is set to 1em for images in this case ?
Everything looks ok when I manually set it to 0em !
Did someone get the same trouble ?
How to avoid this in Artisteer ?
|
| |
BrianM
|
Egyo:
In Artisteer, the Articles tab only lets you adjust the border CSS properties of Picture (the article's img element). In the manual CSS adjustment, if you want white space around the image, try changing the margin property to padding.
Most browser engines treat margin and padding very differently in computing (and rendering) the box model. Using padding instead might give the image its whitespace buffer within the confines of the DNN skin design for Article - then again, it would probably inherit whatever the parent element's padding/margin is.
I've noticed this CSS tendency in Artisteer as well, and account for it by setting padding/margins to zero. Then it is a matter of opening the style.css file in a CSS 2.1 compliant application and creating class selectors and dealing with any padding/margin issues within those selectors.
We've only begun using Artiseer within the past week and already account for its "quirks" by fine tuning its great design functionality within more robust applications that can handle tweaking stylesheets.
It's my assessment that Artisteer by itself will get you about 90 percent there. It also helps to create two exports: the DNN skin export and a generic HTML export, then comparing and resolving CSS differences based on the stylesheets of both.
|
| |
Terry Sadler
|
Brian,
Thanks for the tips on this as well....good idea. I haven't tried exporting a generic HTML and then comparing the two results.
|
| |
Arie
|
Thanks, This solves my problem too. Great tip comparing two styles from two exports.
|
| |
|
|