sto sviluppando un plugin per WP (a dire la verità è il primo, da qualche parte dovrò pur cominciare
Naturalmente questa dimensione è gestita tramite CSS e qui nasce l'esigenza di renderlo dinamico, di seguito il codice di style.php:
- <?php
- header("Content-type: text/css");
- $options = get_option(TIZ_ANALOG_CLOCK_ID);
- $dimension = $options['dimension'];
- ?>
- #clockHolder
- {
- width:<?php echo $dimension;?>;
- margin: 0 auto;
- position:relative;
- top: 0;
- left:0;
- }
- #sec, #min, #hour
- {
- display:block;
- position:absolute;
- }
- .rotatingWrapper
- {
- position: absolute;
- width:<?php echo $dimension;?>;
- height:<?php echo $dimension;?>;
- top: 0;
- left: 0;
- }
- .warning{color:red;}
qui di seguito invece, il foglio di stile statico style.css
- #clockHolder
- {
- width:200px;
- margin: 0 auto;
- position:relative;
- top: 0;
- left:0;
- }
- #sec, #min, #hour
- {
- display:block;
- position:absolute;
- }
- .rotatingWrapper
- {
- position: absolute;
- width: 200px;
- height: 200px;
- top: 0;
- left: 0;
- }
- .warning{color:red;}
Come potete vedere la differenza non è molta, fatto sta che se uso style.css la visualizzazione è corretta, con style.php invece i layer che compongono il widget vengono visualizzati in sequenza, anziché sovrapposti, allego anche gli screenshots, due immagini sono meglio di duemila parole
Dov'è il problema?