Margine colore di sfondo

[Threepwood]

Salve a tutti!

Una roba apparentemente semplice: vorrei riempire una <TD> con un colore di sfondo.
Però, deve lasciarmi 5px di margine interno vuoto (in pratica risulterà un quadrato colorato più piccolo di 5px della cella stessa).

Come posso impostare questa sintassi con i css?

[Mich_]

<td><div>...</div></td>

CSS:

td {
  /* ... quello che credi ... */
  background-color: #fff;
}
td div {
  margin 5px;
  background-color: #800;
}

[Threepwood]

Questo è un ottimo modo

C'è modo di farlo direttamente sulla td?

[Mich_]

Forse, ma dipende da cosa ti serve la <td>, e come e` inserita nel resto della tabella

Prova a dare:
td {
margin 5px;
background-color: #800;
}

Pero` non rispondo degli eventuali effetti collaterali.

Se invece la tabella e` realizzata per formattare la pagina, si possono sicuramente trovare metodi migliori (senza l'uso della tabella).

[Threepwood]

già provato così: serve solo per non appiccicare il testo ai bordi

mi serviva sul td perchè poi su questa base devo farci un link e degli effetti di dissolvenza

[Threepwood]

confermo.. mi occorre sulla td perchè l'effetto dissolvenza non mi funzia sul div

[Mich_]

Originariamente inviato da Threepwood
confermo.. mi occorre sulla td perchè l'effetto dissolvenza non mi funzia sul div

Questo mi puzza di errore....

Non mi risulta che un CSS o uno sfondo che si puo` applicare ad un <td> non si possa applicare ad un <div>; lo stesso vale per un JS.

[Threepwood]

Lo script è questo (non so se l'ho preso sul forum o su un altro sito).
Cmq ho risolto alla "bell'ebbuona". Ho inserito nella td una tabella 1x1 e lavoro con quella

Forse ho capito perchè non lo faceva... faccio una prova e ti dico

<script>
fade = {
    step: 5,
    speed : 0.1,
    finalOpacity : 80,
    currentOpacity : 100,
    elID : null,
    init : function(el) {
        fade.elID = el;
      if(arguments.length>1)
      {
         fade.currentOpacity=arguments[1];
         fade.finalOpacity=arguments[2];
         fade.speed=arguments[3];
         if(fade.currentOpacity<fade.finalOpacity&&fade.step>0)fade.step*=-1;
      }
      if(arguments.length>4)fade.step=arguments[4];
        if (!document.getElementById(el)) return;
      fade.setOP(fade.currentOpacity);
        fadeInterval = setInterval('fade.doFade()',fade.speed);
    },
    setOP : function(newOpacity) {
      obj = document.getElementById(fade.elID);
      if(newOpacity<10)newOpacity='0'+newOpacity;
        if(newOpacity<100)obj.style.opacity = "."+(newOpacity);else obj.style.opacity = 1;
        obj.style.filter = "alpha(opacity="+newOpacity+")";
        fade.currentOpacity = newOpacity;
    },
    doFade : function(obj) {        
        if (fade.step>0&&(fade.currentOpacity-fade.step>fade.finalOpacity)) {
          fade.setOP(fade.currentOpacity - fade.step);
        }
        else if (fade.step<0&&(fade.currentOpacity-fade.step<fade.finalOpacity)) {
          fade.setOP(fade.currentOpacity - fade.step);
        }
      else {
          fade.setOP(fade.finalOpacity);
            clearInterval(fadeInterval);
        }
    }
}
</script>

[Mich_]

Non mi pare che quello script sia limitato ad oggetti <td>.
Credo che puoi passare come oggetto l'id di qualsiasi oggetto/elemento di tipo blocco.

Personalmente non mi piacciono i cast che sfruttano l'elasticita` di JS: io preferisco che un cast sia sempre dichiarato, ma comunque se lo script funziona non modificarlo.

Comunque piu` che postare lo script, potrebbe interessare il modo con cui chiami le funzioni applicandole agli oggetti.