The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    Image with fluid width text to the side:

    Geezer
    Geezer
    Forumember


    Posts : 191
    Reputation : 0
    Language : English

    Solved Image with fluid width text to the side:

    Post by Geezer February 19th 2012, 3:24 pm

    Is this possible and is there any script available for free to include this on my forums . Thanks
    Geezer
    Geezer
    Forumember


    Posts : 191
    Reputation : 0
    Language : English

    Solved Re: Image with fluid width text to the side:

    Post by Geezer February 23rd 2012, 5:37 pm

    There must be some HTML then
    ankillien
    ankillien
    Energetic


    Posts : 5198
    Reputation : 129
    Language : English, XHTML, CSS, JS, PHP, SQL

    Solved Re: Image with fluid width text to the side:

    Post by ankillien February 23rd 2012, 5:40 pm

    Hi,

    Can you please explain what exactly you want? Any examples?
    Geezer
    Geezer
    Forumember


    Posts : 191
    Reputation : 0
    Language : English

    Solved Re: Image with fluid width text to the side:

    Post by Geezer February 23rd 2012, 5:53 pm

    Here is the site I found it in and it is css clickerty click . What I need to know is can this be done in HTML in a post . I have started a page on our forum and would like it to be more uniformed .

    Thanks
    ankillien
    ankillien
    Energetic


    Posts : 5198
    Reputation : 129
    Language : English, XHTML, CSS, JS, PHP, SQL

    Solved Re: Image with fluid width text to the side:

    Post by ankillien February 23rd 2012, 5:59 pm

    This code would work...

    Code:
    <div style="overflow:hidden;">

    <img src="IMAGE URL HERE" width="100" height="100" style="float:left;padding:5px;" />
    <p style="float:right;">Text goes here...</p>

    </div>

    It will give you result similar to that page.
    Geezer
    Geezer
    Forumember


    Posts : 191
    Reputation : 0
    Language : English

    Solved Re: Image with fluid width text to the side:

    Post by Geezer February 23rd 2012, 6:01 pm

    Thanks dude , appreciate it , I,ll try it out before marking this as solved Very Happy
    Geezer
    Geezer
    Forumember


    Posts : 191
    Reputation : 0
    Language : English

    Solved Re: Image with fluid width text to the side:

    Post by Geezer February 23rd 2012, 6:23 pm

    With the "Float Left " and " Float right " there is a huge gap in the middle , is there a way to put the text and image closer together . Cheers
    Geezer
    Geezer
    Forumember


    Posts : 191
    Reputation : 0
    Language : English

    Solved Re: Image with fluid width text to the side:

    Post by Geezer February 23rd 2012, 6:31 pm

    Its ok , I have worked it out myself . You can mark this as solved .
    Thank you .

    ps . sorry for double posting , but I did not want to wast any more time on this subject Smile
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Image with fluid width text to the side:

    Post by Sanket February 23rd 2012, 6:45 pm

    Topic Solved & Locked

      Current date/time is September 22nd 2024, 5:32 pm