6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

How can I do this?

by mistyone
5 replies
  • WEB DESIGN
    • |
Hi there

Can you tell me how I could get the two images on this page Adsense Secret. Make money with Google Adsense., to sit side x side instead of one under the other?

Cheers
Viv
#image #placement
  • Profile picture of the author Bruce Hearder
    The easiest way to do it would be to use a table.

    Insert a 2 column, 1 row table into the post. Insert the pictures into the table and everything should work OK..

    Of course make sure you set the borders of the table to have a width of ZERO pixels and you are done..

    Hope this helps

    Bruce
    {{ DiscussionBoard.errors[601017].message }}
  • Profile picture of the author kdavies
    You can try something like:
    <style>
    .floatLeft{float: left; width: 45%}
    </style>

    ...

    <div class="floatLeft">
    <img ... />
    </div>
    <div class="floatLeft">
    <img ... />
    </div>
    Signature
    About
    Special Offers
    Portfolio
    Testimonials
    {{ DiscussionBoard.errors[607142].message }}
  • Profile picture of the author Matt Fulger
    Although kdavies css solution may be more "Web 2.0", Bruce's table solution will be easier for a newbie to implement. Based on the fact that Viv is a newbie I would recommend using the following code to start:

    Code:
    <table width="100%" cellspacing="5" cellpadding="5" border="0">
<tr>
	<td><img src="YourImage1.jpg"></td>
	<td><img src="YourImage2.jpg" title="My Awesome Product"></td>
</tr>
</table>
    You can also add a title tag to your image if you want to provide a small description of it. I included the code in the second image for that. BTW, using the title tag in images can also improve your SEO.

    Well, that's your basic two column table. More stuff can be added to spice up the table if you want, like borders, styles, backgrounds, etc. But the above code should get you started anyway.

    Good luck!

    Peace & Prosperity,
    Matt Fulger
    {{ DiscussionBoard.errors[607983].message }}

Trending Topics