Have an account? / Register

Forgot your password?

Forgot your username?

Results 1 to 6 of 6

Thread: Text, image with border

  1. #1
    Registered User
    Join Date
    Feb 2008
    Posts
    110
    Thanks
    12
    Thanked 1 Time in 1 Post

    Text, image with border



    Hey everyone,

    Im hunting for something that will allow me to place in a picture put text next to it and then put a border around it, iv searched the visual editor to maybe create a table? but couldnt find that so been hunting around for the css code that would let me do this but no luck with that either lol could someone point me in the right direction?

    Thanks
    Katy

  2. #2
    Registered User
    Join Date
    Jun 2006
    Posts
    680
    Thanks
    7
    Thanked 84 Times in 78 Posts

    Re: Text, image with border

    Something like this - change width/colour etc to suit
    Code:
    <head>
    <style type="text/css">
    #yourDiv{border:1px solid red; padding:20px;width:300px; overflow:auto;}
    #yourDiv img{float:left;margin:0 20px 0 0; }
    </style>
    </head>
    <body>
    <div id="yourDiv"><img src="YourImage.jpg" /><p>some text here</p></div>
    </body>

  3. #3
    Registered User
    Join Date
    Feb 2008
    Posts
    110
    Thanks
    12
    Thanked 1 Time in 1 Post

    Re: Text, image with border

    Hey thanks for the reply! would i put that in the visual editor html or the css edititor?

  4. #4
    Registered User
    Join Date
    Feb 2008
    Posts
    110
    Thanks
    12
    Thanked 1 Time in 1 Post

    Re: Text, image with border

    Hiya managed to get that working thanks for the help!! i was wondering how would i link that box to another page when clicked on? i think it will be another piece of html code to put in the visual editor am i right?

  5. #5
    Registered User
    Join Date
    Mar 2009
    Posts
    78
    Thanks
    5
    Thanked 14 Times in 14 Posts

    Re: Text, image with border

    <div id="yourDiv"><a href="your link"><img src="YourImage.jpg" alt=""/><p>some text here</p></a></div>

  6. #6
    Registered User
    Join Date
    Feb 2008
    Posts
    110
    Thanks
    12
    Thanked 1 Time in 1 Post

    Re: Text, image with border

    Thanks for that, thats perfect!

    Sorry to be a pain but i've been trying for ages and i can't seen to get them to line up so that they are side by side each other. I've tried putting them in the center but im having no luck. What am i doing wrong?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
To Top

SEO by vBSEO 3.6.1