<div class="quote"><i>
<p>Leviathan 89 wrote:
I also tried a solution to make an image "fluid": on my
home page the first image will take all available space next to the home AD and will automatically adapt to the window. The image is in a div with the class "home-portale" and the CSS used is:
</p>
<div dir="ltr" class="mw-geshi mw-content-ltr"><div class="css source-css">
<span class="re1">.home-portale</span> <span class="br0">{</span>
<span class="kw1">margin-right</span><span class="sy0">:</span> <span class="re3">310px</span><span class="sy0">;</span>
<span class="br0">}</span>
<span class="re1">.home-portale</span> img <span class="br0">{</span>
<span class="kw1">max-width</span><span class="sy0">:</span> <span class="re3">100%</span><span class="sy0">;</span>
<span class="kw1">height</span><span class="sy0">:</span> <span class="kw2">auto</span><span class="sy0">;</span>
<span class="br0">}</span>
</i></div>
</div>
<p>I found this solution reading
this article. This is however a solution for a specific image on a specific page, basically a CSS ad hoc. Tardis' example should be more generic though quite complex.
</p>
</div>
<p>Hmm, I'm not exactly sure how to apply this (I am still a beginner when it comes to coding). What should the CSS and source code be if I wanted to apply this to images on my main page?
</p>