Solved

html button align with grid

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

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

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

Suggested Solutions

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.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
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 …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

739 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