Results 1 to 7 of 7

Thread: [RESOLVED] [CSS] Align a div next to a div (side by side)

Threaded View

  1. #1

    Thread Starter
    Freelancer akhileshbc's Avatar
    Join Date
    Jun 2008
    Location
    Trivandrum, Kerala, India
    Posts
    7,652

    Resolved [RESOLVED] [CSS] Align a div next to a div (side by side)

    Hi guys

    Here's my current code:
    html Code:
    1. <div style="margin:5px; padding:7px; border: 1px solid #3c91e8; font-size:11px;">
    2.                 <div style="width:250px;">You can blah blah here...
    3.                 <br />
    4.                 And more blah blah goes here
    5.                 <br /><br />
    6.                 If you want a blah blah, click here...
    7.                 <br /><br />
    8.                 Thanks for reading this blah blah...
    9.                 <br />
    10.                 </div>
    11.                
    12.                 <span style="float:left;"><a href="#"><img src ="images/mypic.png" /></a></span>
    13.             </div>
    The above code is inside a div with 430px width. What I want is, after the inner div, I have to display an image (with link). ie., the span in the above code !
    I want it side by side. ie, 3/4 of the width is filled with text(from the inner div) and then in the rest of the place the span (image) is displayed.

    I have included a demo image(photoshopped image). The present position of the image is shown in red. But what I want is shown in blue.

    Any ideas ?
    Attached Images Attached Images  

    If my post was helpful to you, then express your gratitude using Rate this Post.
    And if your problem is SOLVED, then please Mark the Thread as RESOLVED (see it in action - video)
    My system: AMD FX 6100, Gigabyte Motherboard, 8 GB Crossair Vengance, Cooler Master 450W Thunder PSU, 1.4 TB HDD, 18.5" TFT(Wide), Antec V1 Cabinet

    Social Group: VBForums - Developers from India


    Skills: PHP, MySQL, jQuery, VB.Net, Photoshop, CodeIgniter, Bootstrap,...

Posting Permissions

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



Click Here to Expand Forum to Full Width