display: none

[fedegf]

Ciao!
Sto facendo una pagina web
che contiene alcuni elementi che quando il foglio di stile è caricato sono nascosti con la proprietà display: none
ovvero

.hide { display:none; }


<hr class="hide">

In questo modo questo hr comparirà solo quando i css non saranno caricati, poichè quando lo saranno essi lo nasconderanno.

Io vorrei sapere se esiste un qualcosa che funzioni al contrario.
Ovvero se sia possibile nascondere degli elementi se i css non sono caricati. Pensadoci su non mi sembra una cosa molto plausibile, ma chiedo perchè non si sa mai!
Grazie mille!!!

[av250866]

puoi farlo col javascript.

[pierofix]

Farlo con i javascript, eh? Mmm... :master: Sì, potrebbe essere un'idea. Nel qual caso occorrerebbe rivolgersi nel forum relativo, ovvero Scripting.

Mi piacerebbe comunque fare una considerazione. Partiamo dall'assunto che (X)HTML serva a dare una struttura alle informazioni che vogliamo trattare mentre CSS abbia il compito di dare loro un certo stile di presentazione.

Una domanda credo possa sorgere spontanea: in base a quale ragionamento delegare completamente l'"apparizione" di un contenuto al CSS, sradicando il contenuto stesso dal luogo in cui per definizione nasce, ovvero la struttura di markup?

Spero di essere stato chiaro. Grazie per la pazienza.

P.S. Attenzione, in linea generale, a come nascondere un'informazione con CSS:

- http://webaim.org/techniques/articles/hiddentext

[Ikona]

puoi provare con una cosa del genere:

function hideLayer(whichLayer) {

if (document.getElementById) {
// this is the way the standards work
document.getElementById(whichLayer).style.display = "none";
}
else if (document.all) {
// this is the way old msie versions work
document.all[whichlayer].style.display = "none";
}
else if (document.layers) {
// this is the way nn4 works
document.layers[whichLayer].display = "none";
}

}

function showLayer(whichLayer) {

if (document.getElementById) {
// this is the way the standards work
document.getElementById(whichLayer).style.display = "inline";
}
else if (document.all) {
// this is the way old msie versions work
document.all[whichlayer].style.display = "inline";
}
else if (document.layers) {
// this is the way nn4 works
document.layers[whichLayer].display = "inline";
}

}

[webus]

Originariamente inviato da fedegf
...se sia possibile nascondere degli elementi se i css non sono caricati.

assumendo che per "CSS caricati"ti riferisca ad un foglio stile esterno, assegna invece uno stile "inline" all'elemento:

<hr style="display:none">