disattivare css in campo

**turego79** · 02-11-2006, 18:24

Salve!
Premesso che solo ora mi avvicino all'asp ed ai css...
Ho una pagina index.asp con incluse "testa.asp" (completa di colonna sinistra) e "sotto.asp" (completa di colonna destra). Ho ancora un "stile.css" che definisce le regole per questa pagina..
Voglio inserire nella colonna sinistra un "menu.htm" completo di collegamento a due fogli: "uno.css" e "uno.js".
Tutto funziona, ma il menu mi prende lo stile dalla pagina, mentre io voglio che prenda lo stile dal suo "uno.css".
Come faccio??

Grazie!!! :master: :master: :master:

**pictor** · 02-11-2006, 18:38

Spiegati meglio perchè non si capisce na mazza.

Cosa vuoi nel menù?
Uno stile impostato nei CSS oppure ci vuoi proprio due link ad un file css e ad uno js?

O forse vorresti che quando si clicca sul link a uno.css questo venga applicato alla pagina?

Non c'ho capito niente....

**turego79** · 02-11-2006, 18:49

SCusa: riepilogo.
Ho una pagina asp con css esterno e un menu html con css e js esterno.
Tutti e due funzionano bene. quando includo il menu nell'asp, mi si stravolge lo stile del menu.
C'è un modo per far prevalere il css del menu??

**pictor** · 02-11-2006, 19:07

Non riesco a capire bene quello che intendi.

Carichi 2 css diversi: 1 per il sito in generale e 1 per il menu?

Il javascript cosa c'entra? A cosa serve?

Se ti sballa vuol dire che il tuo codice asp genera un codice HTML non corretto, o che comunque crea problemi al CSS.
Hai provato a validare la pagina con validator.w3c.org?

Comunque non è che un CSS prevale sull'altro.
Sei tu che devi stare attento a non sovrascrivere (in due css diversi) le stesse proprietà (a meno che tu non voglia farlo volontariamente).

Comunque dalla terminologia che usi mi sa che devi perfezionare qualche conoscenza di base

E senza uno straccio di codice è quasi impossibile capire.

**turego79** · 02-11-2006, 19:23

Allora:
la pagina testa.asp:

<body>
<div align="center">
<center>
<table width="770" border="0" cellpadding="3" bgcolor="#669ACC" style="border-collapse: collapse" bordercolor="#111111" cellspacing="0">
<tr>
<td>
<p align="center">
[img]asp/immagini/testasito3.jpg[/img]</td>
</tr>
</table>

</center>
</div>

<table width="770" border="0" align="center" cellpadding="1" cellspacing="0">
<tr align="center" bgcolor="#000066">
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
<td bgcolor="#336799">Link</td>
</tr>
</table>
<div align="center">
<center>
<table width="770" border="0" height="480" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0">
<tr>
<td width="125" valign="top" class="bordocella">
</td>
<td valign="top"></center></div>

la pagina sinistra.asp

la pagina stile.css

BODY
{
margin-top:0pt;
margin-left:0pt;
margin-right:0pt;
position:static;
scrollbar-face-color: #006699;
scrollbar-shadow-color: #EEEBBF;
scrollbar-highlight-color: #EEEBBF;
scrollbar-3dlight-color: #006699;
scrollbar-darkshadow-color: #006699;
scrollbar-track-color: #D1E0EF;
scrollbar-arrow-color: #EEEBBF;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #003399;
}
.campo {
background:#ECFFFF;
font-size: 7pt;
font-family:Verdana, Arial;
color: #000000;
}
.bottone {
background:#000066;
font-size: 7pt;
font-family:Verdana, Arial;
color: #FFFFFF;
}
.bordocella {
text-indent: 0pt;
background-color: #669ACC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
padding: 4px

}
A {
FONT-SIZE: 9pt;
FONT-FAMILY: Verdana, Arial, helvetica, "sans serif";
TEXT-DECORATION: none;
color:white;
font-weight: bold;
padding: 2px;
}
A:visited {
FONT-SIZE:9pt;
FONT-FAMILY:Verdana, Arial, helvetica, "sans serif";
TEXT-DECORATION: none;
color:white;
font-weight: bold;
padding: 2px;
}
A:hover {
FONT-SIZE:9pt;
FONT-FAMILY:Verdana, Arial, helvetica, "sans serif";
TEXT-DECORATION: underline;
background-color: #F4F4FF;
color:#000000;
font-weight: bold;
}

table {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #003399;
}
.bordotesto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #003399;
background-color: #FFFFFF;
border: 1px ridge #003366;
padding: 2px;
}
.titolo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000066;
background-color: #DEF2F3;
border: none #003366;
padding: 2px;
font-weight: bold;

}

la pagina index.htm

la pagina menu.css

div#nav{width:125px;margin-left: 0px;background: #00005A;
border: 1px solid #00005A; font: 11px Arial, Helvetica, sans-serif}

div#nav h3{font-size: 100%;margin:0;padding: 4px 3px;
border-top: 1px solid #FFF;color: #000;background-color: #006699}

div#nav ul, div#nav li{margin: 0;padding: 0;list-style-type: none}

div#nav li{margin: 0 0 1px 0}

/*padding-left è la distanza da sx dei link "a".*/
/* se non è indicato left, right, bottom o top, si intende per tutti e */
/*quattro i lati in senso orario iniziando da sopra. */

div#nav a{display: block;padding-left: 15px;height: 18px;line-height: 18px;
border-top: 1px solid #FFF;background-color: #006699;color: #000;
text-decoration: none;font-weight: bold}

div#nav a:hover{color: #00005A;background-color: #0099FF}

div#nav ul ul a{color: #333; background-color: #D1E0EF;font-weight: normal; font-size: 100%}

ripeto che funziona tutto, ma non so come faccio a mantenere lo stile del menu anche quando lo visualizzo dentro sinistra.asp... Chiaro che sono inesperto. Tant'è che i codici li ho presi dal web e stò cercando di studiarci su...

Discussione: disattivare css in campo

Strumenti discussione

Ricerca discussione

Visualizza

disattivare css in campo

Permessi di invio