Solved

aligning image inside table cell

Posted on 2016-10-20
4
26 Views
Last Modified: 2016-10-21
I have this fiddle

https://jsfiddle.net/edx7ma5c/

It looks like this:

my fiddle
If you notice there is a table cell with this class it has a red border on this cell <td class="colstyle2">

How do I align my chrome image on the top right of this cell.
So even if I resize the width of my browser the image always stays at the top right of this cell with the red border.

So it would look like this:
desired alignment, top right of cell with class colstyle2
0
Comment
Question by:maqskywalker
  • 2
  • 2
4 Comments
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41853255
.colstyle2, .colstyle2 td {
  vertical-align: top;
  text-align: right;
}
.colstyle2 table {
  width: 100%;
}

Open in new window

0
 
LVL 5

Expert Comment

by:D Patel
ID: 41853260
In HTML Part do the below :

alignimage.PNG
Both the method @Julian Hansen and @D Patel will do the same task.
0
 
LVL 5

Expert Comment

by:D Patel
ID: 41853275
No Assisted Solution...
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 41853343
@D Patel,

Your solution relies on deprecated tags -  the use of the align attribute is not supported in HTML5. You are expected to use a CSS solution instead.
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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

759 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

22 Experts available now in Live!

Get 1:1 Help Now