DIV in foglio di stile.

**Martina80** · 31-07-2007, 12:38

Scusatemi, devo fare una cosa ma non ne sono capace e non so come trovarla.
Probabilmente, anzi sicuramente, è una cosa banalissima.
Io ho nella mia pagina html la definizione di 2 tag DIV in questo modo:

div.modular{width:230px;
background:url('box1.png' ) no-repeat bottom left;
padding-bottom:15px}

div.modular div{
background:url('box1.png' ) repeat-x top left;
padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0}

e vorrei spostarla dalla pagina per metterla in un foglio di stile.
Come si deve scrivere nel foglio di stile?
Per le altre caratteristiche so come fare ma per i div non l'ho mai fatto e non ho trovato esempi.
Un aiutino a un'imbranata?
Grazie.
Martina.

**fcaldera** · 31-07-2007, 12:40

scrivi esattamente questo

codice:

div.modular{width:230px;
background:url('box1.png' ) no-repeat bottom left;
padding-bottom:15px}

div.modular div{
background:url('box1.png' ) repeat-x top left;
padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:0}

nè più nè meno...

**Martina80** · 31-07-2007, 12:55

Mamma mia com'era banale.
Grazie.
Martina.

**Martina80** · 31-07-2007, 18:35

Mamma mia com'era banale.
Grazie.
Martina.

**Martina80** · 01-08-2007, 00:27

Qualcuno sa dirmi come caricare un foglio di stile oppure un'altro sulla base di una variabile che potrebbe essere impostata o ricavata per esempio dalla data?
Cioè io ho due fogli: fog_nero.css e fog_bianco.css. Vorrei che ne venisse caricato ogni tanto uno e ogni tanto l'altro.
Ho trovato un codice javascript ma non mi funziona:
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
Cosa c'è di sbagliato oppure esiste un modo anche diverso per ottenere quello che vorrei fare?
Martina.

**fcaldera** · 01-08-2007, 09:23

sposto in javascript

**pierofix** · 01-08-2007, 10:57

Ti propongo di seguito un esempio che non preclude l'accessibilità del documento.

codice:

XHTML

...
<head>
   ...
   <link id="foglio_di_stile" rel="stylesheet" type="text/css" href="fog_bianco.css" />
   <script type="text/javascript">
      window.onload = function()
      {
         var foglio_di_stile = document.getElementById('foglio_di_stile')
         var today = new date()
         var minutes = today.getMinutes()
         if ( minutes >= 0 && minutes <= 30 )
         {
            foglio_di_stile.setAttribute('href', 'fog_nero.css')
         }
      }
   </script>
</head>
...

Nel caso in cui javascript sia disabilitato o non presente sul dispositivo che l'utente utilizza per visitare il sito in questione, verrà comunque servita la pagina con il foglio di stile 'bianco'. Meglio ancora sarebbe effettuare un controllo lato server - ad esempio via PHP - ed evitare l'utilizzo di javascript, avvicinandosi ad un'accessibilità di qualità migliore.

Il codice non l'ho provato quindi in caso fammi sapere se non funziona come dovuto.

**Martina80** · 01-08-2007, 12:02

Dopo essere letteralmente impazzita per farlo funzionare con javascript ho risolto con ASP. Forse un po' più lento il tutto però risolve senza problemi il mio problema.
Grazie.
Martina.

Discussione: DIV in foglio di stile.

Strumenti discussione

Ricerca discussione

Visualizza

DIV in foglio di stile.

Permessi di invio