IMG Resizing Wtf - Printable Version

IMG Resizing Wtf - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: IMG Resizing Wtf (/showthread.php?tid=4783324)

IMG Resizing Wtf - eXero - Apr 17, 2015

Code 
<img class="slide-image" src="/images/5.jpg" height="800" width="300">

I cannot get the picture to resize to any amount of pixels. Wtf am I doing wrong?

* - ✔ Soufian ✔ - Apr 17, 2015

Code 
<img src="images/5.jpg" class="slide-image" style="width: 800px; height: 300px;">

To make it easier, do this:

Code 
<img src="images/5.jpg" class="slide-image" style="max-width: 800px;">

* - eXero - Apr 17, 2015

(Apr 17, 2015 02:44 PM)Soufian Wrote:
Code
<img src="images/5.jpg" class="slide-image" style="width: 800px; height: 300px;">

To make it easier, do this:

Code
<img src="images/5.jpg" class="slide-image" style="max-width: 800px;">

The first one worked. I have to have the pictures that size. Now I have to tackle finding proportionate pictures that will fit the 800x300 box I have. Lol.

* - ✔ Soufian ✔ - Apr 17, 2015

(Apr 17, 2015 02:47 PM)eXero Wrote: The first one worked. I have to have the pictures that size. Now I have to tackle finding proportionate pictures that will fit the 800x300 box I have. Lol.

Try this

* - eXero - Apr 17, 2015

I already have the pictures I am using. I edited them in photoshop.

* - pexoia - Apr 17, 2015

An Advice :

If you have a lot of images with the same properties, put a class="" in all of them like class="image_cool"

And on your file .css put this

.image_cool {
width:800px;
height:300px;
}

It's much better for you :D

And css inline is a bad pratice xD

* - Nachfolger - Apr 17, 2015

I just figured I'll inform you, you forgot the measurement.

Code 
height="800px"

etc