Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS Framework Issues
    primarykey
    data
    text
    <p>I have to develop a easy web site, I'm not very good at web developing, but I tried and the result was this : <a href="http://www.pes.herobo.com" rel="nofollow">http://www.pes.herobo.com</a>.</p> <p>As you can see the page isn't very good and if you try to re-size it the result is awful. In addition, I need the website is accessible from mobile devices such as smart phones and tablets. </p> <p>Cause of these issues I've decided to use a CSS framework. I found very interesting bootstrap ( If I understood well it would be developed by Twitter ), so I have more or less rewritten all my website using it and its system. The result has been much better the website resizes in the correct way and if you look at it on phones the look is perfect. </p> <p>But I'm still wondering how I should use the image in the correct way, I want they to resize as all elements inside the web page, so I've adopted this solution, and I would like to know if it is correct. </p> <p>The CSS class <code>imagine</code> is : </p> <pre><code>.imagine { width:100%; height:auto; } </code></pre> <p>The code is: </p> <pre><code> &lt;div class="row"&gt; &lt;div class="span8" style="position:relative"&gt; &lt;img src="img/image.jpg" class="imagine" style="z-index:0 id="img_oxf"&gt; &lt;img src="img/site_under_construction.png" class="imagine" style="position:absolute;top:0;left:0;width:30%;z-index:1"; id="img_under_constr"&gt; &lt;img src="img/blue_strap.png" class="imagine" "&gt; &lt;/div&gt; &lt;div class="span4"&gt; &lt;div id="main_paragraph"&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload