sfondo con css

[josua]

Ciao a tutti ho questa porzione di codice:

<td width="21%" id="boxlogin">	
 <form name="login" id="login" action="">
  <fieldset>
   

<label for="user">User:</label><input type="text" /></p>	
   

<label for="pass">Pass:</label><input type="password" /></p>								   <input id="submit" type="submit" value="Ok" />
  </fieldset>
 </form>
</td>

che formatto con questo css:

#boxlogin{
	color: #FFFFFF;
	background-color:#000099;
	background-image: url(image2/strip_blu.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 1px;
}

Ora il mio problema è questo l'immagine che ho associato di sfondo è una piccola immagine di una linguetta che da l'idea di potersi staccare. Il fatto è che ora avrei bisogno di cambiare lo sfondo con un colore nn websafe e quindi devo mettere un'altra immagine di sfondo di 1px di questo colore creato da me.. come posso fare x mettere questa e poi sovrappore l'immagine con la linguetta???

ciao e grazie

[awd]

no ma scusa, che senso ha la storia del websafe?? non devi mica per forza creare un'immagine, basta che definisci lo sfondo con gli esadecimali! il tuo colore, per esempio, potrebbe essere #45B2F4, non è web safe ma puoi usarlo lo stesso!

[josua]

ho capito ma siamo sicuri che poi mi venga visualizzato da tutti i browser in modo corretto?

[andrea.paiola]

se è un colore websafe sei a cavallo!
vai di esadecimale!

[Mich_]

Originariamente inviato da josua
ho capito ma siamo sicuri che poi mi venga visualizzato da tutti i browser in modo corretto?

Certo che no. I colori NON sono resi in modo uguale in tutti i browser/monitor.

I colori cosiddetti "websafe" ti garantiscono (forse e` una parola troppo grossa) che c'e` sufficiente contrasto in tutti i browser a colori, cioe` che vengono rappresentati in modo visibilmente diverso; non che vengono resi sempre allo stesso modo.

[andrea.paiola]

Originariamente inviato da Mich_
Certo che no. I colori NON sono resi in modo uguale in tutti i browser/monitor.

I colori cosiddetti "websafe" ti garantiscono (forse e` una parola troppo grossa) che c'e` sufficiente contrasto in tutti i browser a colori, cioe` che vengono rappresentati in modo visibilmente diverso; non che vengono resi sempre allo stesso modo.

non ha mica detto uguale! ha detto corretto!
i colori web safe sono quei 216 (dei 256 totali) colori in comune tra Mac e PC.
Oggi comunque non c'è quasi più nessuno che usa solo 256 colori...

[josua]

ok.. x prima casa grazie x le risposte, ma cmq allora nn posso associare 2 immagini di sfondo allo stesso <td>??

[Mich_]

Staticamente chiaramente no, ma puoi associare un'immagine diversa all'hover:

#boxlogin{
	color: #FFFFFF;
	background-color:#000099;
	background-image: url(image2/strip_blu.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 1px;
}

#boxlogin:hover {
	background-color:#0000ff;
	background-image: url(image2/strip_nero.gif);
}

Nota: in IE questo non funziona: la pseudoclasse :hover funziona solo su un link.