Solved

html button align with grid

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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Hyper V cluster 2 31
Enter key on html form page 11 48
css icomoons will not display on page 14 17
Target h5 of a div 3 7
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
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 a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

911 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

24 Experts available now in Live!

Get 1:1 Help Now