Bones,
Veureu, jo de CSS no sé massa, només 4 experiments que he fet (a l'igual que
javascript) i el que vui fer és....
Anar recorrent una imatge, és una tira i cada 30 píxels hi ha la nova
imatge. Llavors jo tinc aquest codi dins del CSS (en cas de pàgina
estàtica):
.grafic { display: block;
float: left;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
background-image: url('abecedari.gif');
}
.0 { background-position: -0px 0;}
.1 { background-position: -30px 0; }
.2 { background-position: -60px 0;}
......... fins a vintipicu.
Llavors en principi generaria un requadre en una taula i quedaria algo així
com:
<td > <div align=center></div><b class='ombra'>
<div id="marc" align=center>
<div class="grafic 0"></div>
</div></b></td>
<td ><div align=center></div> <b class='ombra'>
<div id="marc" align=center>
<div class="grafic 1"></div>
</div> </b>
</td></tr>
.............. fins vintipicu.
Clar, voldria fer-ho tot més dinàmic... i per generar la taula tinc
<tr>
<SCRIPT type="text/javascript">
with( document )
{ for(var i=0; i<=23; i++)
{write('<td> <div class="ombra"><div id="marc" align=center><div
class="grafic ' +i+ ' "></div> </div></div></td>'); }
}
</SCRIPT>
Bé, la pregunta és... aquest ".2 { background-position: -60px 0;}" com el
puc introduir a la generació dinàmica... vui dir... com posar-ho dins del
"class="grafic"" i llavors variable*30píxels???? Hi ha alguna manera? Així
m'estalviaria mitja pàgina de posar el CSS. I si no... es pot 'generar' amb
un bucle javascript dins de l'apartat CSS? Clar que llavors suposo que només
és vàlid si ho tinc dins de la pàgina però no en fitxer importat, no?
Val, aquí no té massa importància, tampoc hi ha tant de codi, però si en un
futur tinc que fer-ne 200 em moriré de fàstig xDD
No sé si s'entén massa el que vui dir... :/
Gràcies!
_______________________________________________
llista de correu de l'Internauta
[EMAIL PROTECTED]
http://zeus.internauta.net/mailman/listinfo/internauta
