[Tornar a la pàgina de les boles]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>boles</title>
<link href="boles.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div align="center">
<div id="contingut">


<!-- 1 -->
<div class="graf"><img src="bola_1.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_2.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<!-- 2 -->
<div class="graf"><img src="bola_6.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_7.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<!-- 3 -->
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_14.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_15.gif" width="100" height="100" border="0" alt="" /></div>
<!-- 4 -->
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_17.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_18.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_19.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_20.gif" width="100" height="100" border="0" alt="" /></div>
<!-- 5 -->
<div class="graf"><img src="bola_21_anim_2.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="blanc.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_24.gif" width="100" height="100" border="0" alt="" /></div>
<div class="graf"><img src="bola_25.gif" width="100" height="100" border="0" alt="" /></div>

<p>.</p><!-- Aquest puntet està aquí fins que no trobi solució al fet de que si no hi és alguns navegadors, com ara el Mozilla, no fan cas de l'espai que el segueix -->
<p>&nbsp;</p>
<p class="gran">Exemple de format sense <em>&lt;table&gt;</em></p>
<div align="left"><p>&Eacute;s un mosaic de 25 <em>GIFs</em> (5 files x 5 columnes) de 100 x 100 pixels, cada un dins d'un <em>&lt;div&gt;</em>, tot dins d'un <em>&lt;div&gt;</em> d'amplada 500px, l'amplada aproximada d'aquest par&agrave;graf. </p></div>
<p class="gran">Mira't l'<em><a href="codi_boles.html">HTML</a></em> i el <em><a href="css_boles.html">CSS</a></em>.</p>
<div align="left"><p class="petit">Sense els <em>&lt;div&gt;</em> individuals dels <em>GIFs</em>, (<em>class="graf"</em>) alguns navegadors (Mozilla, Galeon...) presenten uns marges verticals separant les imatges en columnes. No hi ha hagut res a fer ni amb <em>borders</em> ni <em>margins</em> ni <em>paddings="0"</em>.</p>
<p>El div <em>"contingut"</em> t&eacute; 500px d'amplada per a impedir que tots els <em>"graf"</em> s'escampin flu&iuml;nt per la pantalla segons les seves dimensions, &eacute;s a dir, impedeix que el disseny sigui l&iacute;quid.</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>

</div>
</div>


</body>
</html>

 

[Tornar a la pàgina de les boles]