Responsive Images on Pages

jim83

Member
I have a quick question.

I've created some HTML tables within my custom node pages. In one of the table cells, I have an image. I must note here that the image has been manually uploaded to a custom directory via FTP and is NOT a forum attachment.

I think I need to add the following code to the <head> of my Pages so that on mobile devices, the image inside the table scales a little better....

HTML:
<head>
<style>
img {
  width: 100%;
  height: auto;
}
</style>
</head>

I BELIEVE this is how it should be done. I have a feeling I may need to possibly create a custom hook? Could someone please help me with this? Thanks!
 
You know what, I'm an idiot...

I set the width to 100% like this:
HTML:
...image.jpg" width="100%">
and that solved the problem.

Sorry, I guess you could probably delete this thread...
 
Top Bottom