Image with fluid width text to the side: Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
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 Sun 19 Feb - 16:24

    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 Thu 23 Feb - 18:37

    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 Thu 23 Feb - 18:40

    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 Thu 23 Feb - 18:53

    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 Thu 23 Feb - 18:59

    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 Thu 23 Feb - 19:01

    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 Thu 23 Feb - 19:23

    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 Thu 23 Feb - 19:31

    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 Thu 23 Feb - 19:45

    Topic Solved & Locked