Loading...
 
Skip to main content

About themes.t.o.

Forum List Topic List

Forums » About themes.t.o. » Removed "Float text around image" on two articles
 
Thread actions

    • Removed "Float text around image" on two articles

    Posted by Marc Laporte on Wed 19 of Jul, 2006 16:10 GMT-0000 posts: 38 Canada

    Please see tiki-view_articles.php

    You will see that 2 articles have the image topic squished to the text.

    In somes themes (ex.: tikineat), .articleimage is defined as below and it looks good.

    .articleimage {
    margin-right : 20px;
    }

    However, in most themes (ex.: smartiki) it is not coming out so nicely


    Should I add .articleimage for all themes?

    How come it looks nice when "Float text around image" is checked (when publishing the article)

    Thanks!

    M 😉

    Reads: 20163
    Posted by Gary Cunningham-Lee on Fri 21 of Jul, 2006 07:48 GMT-0000 posts: 254 Japan

    Please see tiki-view_articles.php

    You will see that 2 articles have the image topic squished to the text.

    In somes themes (ex.: tikineat), .articleimage is defined as below and it looks good.

    .articleimage {
    margin-right : 20px;
    }

    However, in most themes (ex.: smartiki) it is not coming out so nicely


    Should I add .articleimage for all themes?


    Probably so. (In looking at the page source, I noticed nothing is specified for tikipedia.css's .articleimage, which is why the text is squished in this theme — my mistake, or should I say opportunity for improvement? 😉

    How come it looks nice when "Float text around image" is checked (when publishing the article)


    Hmm. When "Float text..." isn't checked, this is produced:

    Copy to clipboard
    (img class="articleimage" alt="New Theme" 
border="0" src="topic_image.php?id=2" /)


    When it is checked, this is produced:

    Copy to clipboard
    (img style="margin-right:4px;float:left;" 
alt="New Theme" border="0" src="topic_image.php?id=2" /)


    So checking "Floating the image..." adds, apparently via in-line CSS, a 4px right margin for the image.

    -- Gary