Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

aligning image inside table cell

Posted on 2016-10-20
4
Medium Priority
?
79 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 60

Accepted Solution

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

Open in new window

0
 
LVL 7

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 7

Expert Comment

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

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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

877 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