Using percentages for height and width for images


I have a Bootstrap-3 template and at first I had all my images with this code:

<img src="assets/images/1.jpg" alt="1" width="40%" height="2%" border="0">

That worked perfectly as my images were responsive to all device dimensions.

I then ran a HTML/CSS validator and all images where I used above code came back with error, a respectable 59 errors in total(I use a lot of images in my articles blog... Big smile ).

So why does above code does not validate??? Its sweet, easy, fast and effective.

A zoom-able user interface with CSS?

Hi guys, I've been surfing the internet for the past couple of days to view impressive webpages, and one i'm still mindblown by is:

I really want to recreate my own version of this (with my own text and pics) for fun, but I'm still confused as to how it works even after reading .

Can anyone give me a recommended workflow as to how to teach myself advanced CSS and stuff like this? Any input is appreciated. Thanks!! Laughing out loud

How does CSS height work?

I am working on a web app, this is my first one. I am trying to understand how these things work but am having trouble figuring out how they work together. Neither can I find any good pages / tutorials. For example, this page says:

Relative Positioning

A relative positioned element is positioned relative to its normal position:

odd layout using divs and CSS

Hey All,

I'm trying to make a table of rows and columns using divs.

I've got this on my page:

How to use media queried for responsive layout

I need to design a website for making it responsive and mobile friendly. The current layout is table based. will it be easy to make it mobile friendly just by tweaking CSS (media queries) or need to change the HTML structure to table-less first?

Here is the website:

The inner pages are more complex. What is the best way to go mobile friendly?

Syndicate content