CSS ovunque..

**orebla** · 05-12-2004, 13:01

Salve a tutti ho un problema, io ho usato per la prima volta i CSS, perchè inserendo uno script che mi creava un sondaggio dovevo modificarne lo stile.

ora il CSS è così inserito:
[CODE]
...<link href="remotebox_style.css" rel="stylesheet" type="text/css">
</head>

<body>....
[CODE]

Il mio problema è che questo CSS non modifica solo il sondaggio ma tutta la pagina!!!

Ora, forse è una domanda stupida ma io non ho mai avuto a che fare con i CSS e mai avrò a che fare(in fatti se lo script non mi obbligava non lo mettevo):

Come faccio per fare in modo che il CSS funzioni solo in quel pezzo di pagina e non mi modifichi tutto???

GRAZIE

**floyd46** · 05-12-2004, 13:30

devi usare le classi;
nel modo in cui li hai scritti tu i CSS, plrobabilmente "prendono" anche altri tag presenti nel sito.
X esempio i link (scommetto); se tu dikiari :

.sondaggio a{
color:#f60;
text-decoration:none;
}

.sondaggio a:visited, .sopndaggio a:hover{
text-decoration:undrline;
color:#ddd;
}
vorrà dire che solo ai link ai quali associ la classe "sondaggio" vedrai le caratteristiche assegnate. Spero di essere stato kiaro;
posta ancora se hai problemi.
ciao

**orebla** · 05-12-2004, 18:01

Ok quindi quello che mi hai consigliato lo metto all'interno di quest CSS????

Ma non esiste un modo più semplice per fare in modo che funzionino solo in un'area???

Ecco il codice del CSS:

codice:

table, select, textarea, input {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 11px;
}

div.title {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	TEXT-ALIGN: center;
	BORDER-LEFT: Solid 2px #000000;
	BORDER-RIGHT: Solid 2px #000000;
	BORDER-TOP: Solid 2px #000000;
	BORDER-BOTTOM: Solid 1px #000000;
	WIDTH: 100%;
	PADDING: 4px;
}

div.box {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	WIDTH: 100%;
	BORDER-LEFT: Solid 2px #000000;
	BORDER-RIGHT: Solid 2px #000000;
	BORDER-BOTTOM: Solid 2px #000000;
}

div.sub {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	FONT-SIZE: 10px;
	TEXT-ALIGN: center;
	COLOR: #000000;
	WIDTH: 100%;
	PADDING: 2px;
}

**floyd46** · 05-12-2004, 19:16

certo, devi fare così;
se vuoi un link all'interno del "div.title ", scrivi così:
#title a{
color:#xxx;
text-decoration:none;
}

#title a:visited, #title a:hover {
text-decoration:underline;
color:#altrocolore;
}
tutti i link all'interno di questo div avranno le caratteristike che hai impostato. vale la stessa cosa x gli altri div se vuoi distinguerli.
posta ancora se hai problemi.
ciao

Discussione: CSS ovunque..

Strumenti discussione

Ricerca discussione

Visualizza

CSS ovunque..

Re: CSS ovunque..

Permessi di invio