Solved

html button align with grid

Posted on 2012-03-10
2
367 Views
Last Modified: 2012-03-24
Hello,
I have a Grid and above it I would like to have an image button. The button should align to the right of the Grid. How can I do that?
0
Comment
Question by:johnkainn
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 19

Assisted Solution

by:Rikin Shah
Rikin Shah earned 250 total points
ID: 37704787
The structure would go like this-

- table/div
     - Image with right align in tr-td
     - another tr-td will have grid

Hope this solves your problem!

Regards,
Rikin.
0
 
LVL 2

Accepted Solution

by:
SBA earned 250 total points
ID: 37705004
Well if you mean you want the button on the right side of the page above the grid, then you need a divide tag and set the image to align-text: right;   In your case you don't want to wrap the text or grid around the image. If the grid doesn't take up the entire width then give the divide a width equal to the grid, e.g. 300px :

<div style="text-align: right; width: 300px;"><IMG SRC="your button.png" ></div>
0

Featured Post

Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question