Buenas, estaba haciendo algunas cosas con php y resulta que necesito disponer X numero de div que contiene un png que es un hexagono. Obviamente los hexagonos deben coincidir por sus lados. Lo que hice fue lo siguiente:
Código:
<div style="position:relative;">
<?php
for($y=30;$y<305;$y=$y+90){
for($x=30;$x<275;$x=$x+60){?>
<div style="position:absolute; top:<?php echo $y; ?>; left:<?php echo $x; ?>; width:90px; height:60px;">
<img src="hexagono.png" width="90" height="60">
</div>
<?php ;}}
for($y=75;$y<305;$y=$y+90){
for($x=60;$x<275;$x=$x+60){?>
<div style="position:absolute; top:<?php echo $y; ?>; left:<?php echo $x; ?>; width:90px; height:60px;">
<img src="hexagono.png" width="90" height="60">
</div>
<?php ;}}?>
</div>
Pero todos los hexagonos quedan ensimados. Donde estoy fallando? que parte del css de los div de posicion absoluta esta mal?
La idea es que el div del primer exagono quede en la posicion 30,30 el de su derecha queda en la 30,90 y asi sucesivamente.
La linea de hexagonos que le sigue no esta a la misma distancia obviamente...
Pero la tercer linea de hexagonos si debe empezar desde x,30. Me explico?
Gracias desde ya.
PD: Si no es un problema de CSS pido que muevan el tema a donde corresponda (PHP o HTML).
EDITADO: Ya descubri el problema, cuando digo top:<?php $x;?>; me estoy olvidando de poner px.