Solved

html button align with grid

Posted on 2012-03-10
2
345 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
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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

743 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now