chi vince fra stylesheet e <style>?

**wallrider** · 06-09-2005, 13:17

ho una semplice (probabilmente no

) pagina fatta come segue

codice:


<META HTTP-EQUIV="Expires" CONTENT="Sat, 01 Jan 2000 08:30:00 GMT">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

<html>
	<head>
		<style>
			.ss8{
				background-color:#000000
				color:#000000
			}
			.ss9{
				background-color:#aa0000
				color:#aa0000
			}
			.ss10{
				background-color:#FF9900
				color:#FF9900
			}
			.ss11{
				background-color:#009900
				color:#009900
			}
			.ss12{
				background-color:#00CC33
				color:#00CC33
			}
		</style>
		<link rel="stylesheet" href="../../style.css">
	</head>
	<body>

		<table width="100%" class="stdTable">
			<tr>
				<td class="thead">Codice </td>
				<td class="thead">Segnalata da </td>
				<td class="thead">Incarico</td>
				<td class="thead">Priorità</td>
				<td class="thead">Data Segn. </td>
				<td class="thead">Inizio lavoro </td>
				<td class="thead">Fine lavoro </td>
				<td class="thead">Stato </td>
			</tr>
			<tr>
				<td class="ss9">1</td>
				<td class="ss9">OV</td>
				<td class="ss9">GS</td>
				<td class="ss9">0</td>
				<td class="ss9"></td>
				<td class="ss9"></td>
				<td class="ss9"></td>
				<td class="ss9">9</td>
			</tr>
			<tr>
				<td class="ss9">2</td>
				<td class="ss9">Tagliaferri</td>
				<td class="ss9">GS</td>
				<td class="ss9">0</td>
				<td class="ss9"></td>
				<td class="ss9"></td>
				<td class="ss9"></td>
				<td class="ss9">9</td>
			</tr>

		</table>

	</body>
</html>

Il problema è che nella tabella le due righe non vengono visualizzate rosse ma bianche

non è che il browser "se la prende" perchè nel foglio di stile non è specificato ss8,ss9 ecc?

Ciao gente

**elMoko** · 06-09-2005, 13:21

in ../../style.css che cosa c'é?

**wallrider** · 06-09-2005, 13:27

beccatelo

codice:

body{
	background-color:#dceedc;
}
.normale{
	font-family:verdana;
	color:#000000
}
a{
	color:#009900
}
a:visited{
	color:#005500
}
a:hover{
	text-decoration:none;
	color:#88cc88;
	background-color:#007700
}
.stdTable{
	border-color:#009900;
	background-color:#ffffff;
	border-style: solid;
	border-width: 2px; 
	padding:0px 0px 0px 0px
}

.stdTd{
	border-color:#88cc88;
	border-style: solid;
	border-width: 1px; 
	padding: 1px 1px 1px 1px
}
.thead{
	background-color:#cceecc;
}
button{
	font-family:verdana;
	font-size:12px;
	font-color:009900;
	background-color:#bbddbb;
}
.formNoTab{
	border-color:#009900;
	background-color:#edffed;
	border-style: solid;
	border-width: 2px;
 	padding:2px 2px 2px 2px;
	width:60%;
	max-width: 80%;
}
fieldset{
	width:80%;
	border-color:#009900;
	font-family:verdana;
	color:#000000;
	padding:2px 2px 8px 8px;
}
.divInFieldset{
	border-color:#009900;
	background-color:#edffed;
 	padding:2px 2px 2px 2px;
}
li.listaUffGest{
	list-style-image : url('./imgs/cart.gif');
}
li.listaUtNoUffGest{
	list-style-image : url('./imgs/page.gif');
}
text{
	border:3px
}

**elMoko** · 06-09-2005, 13:45

Hai dimenticato un paio di puntovirgola nei CSS.:rollo:

Se, dopo che li hai messi, ancora non va, modifica:

codice:

.ss9{
   background-color:#aa0000
   color:#aa0000
}

così:

codice:

.stdTable .ss9 {
   background-color:#aa0000;
   color:#aa0000;
}

ciao

**wallrider** · 06-09-2005, 13:52

Originariamente inviato da elMoko
Hai dimenticato un paio di puntovirgola nei CSS.:rollo:

No!

non ha funzionato il copia e incolla

Comunque adesso funziona!

**Mich_** · 06-09-2005, 14:54

Tornando alla domanda iniziale ("chi vince fra stylesheet e <style>?"), la risposta e`: l'ultimo.

Pero` c'e` un'altra domanda da porsi nel tuo codice: chi vince tra la formattazione CSS e la formattazione HTML?
Risposta: non si puo` sapere - dipende dal browser.
E` assolutamente sconsigliabie usare formattazione HTML (ad es. width="100%" ) quando si usanoi CSS: tutta la formattazione va fatta tramite CSS.

Discussione: chi vince fra stylesheet e <style>?

Strumenti discussione

Ricerca discussione

Visualizza

chi vince fra stylesheet e <style>?

Permessi di invio