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... ).
So why does above code does not validate??? Its sweet, easy, fast and effective.
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: http://2011.beercamp.com/
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 http://2011.beercamp.com/colophon/ .
Can anyone give me a recommended workflow as to how to teach myself advanced CSS and stuff like this? Any input is appreciated. Thanks!!
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:
A relative positioned element is positioned relative to its normal position:
I'm trying to make a table of rows and columns using divs.
I've got this on my page:
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: http://www.webtoolhub.com/
The inner pages are more complex. What is the best way to go mobile friendly?