css include filer

3 svar · 203 visningar · startad av jme 20 juni 2001

jmeMedlem sedan maj 20012 237 inlägg

Frågan20 juni 2001 07:23#1

IE och communicator stödjer ju css på lite olika sätt,

Jag vill använda mig utav bl a css definitionerna

visibility: hide; ( hidden;) och show; (visible;)

Hur ska jag sammanföra följande på ett bra sätt? Vilka olika sätt finns det?


<style type="text/css">
#blaha {

visibility: show; (netscape)

}

#buu {
visibility: hidden; (ie)

}
</style>

Hur skulle koden se ut om jag hade två externa css-definitoner(cssIE.html och cssNS.html)?

if(ns4)
inkludera cssNS.html
if(ie4)
inkludera cssIE.html

Kan man baka in föregående kod inuti <style> tagen?

Finns det nåt sätt så jag kan med hjälp av t ex javascript välja mellan olika definitoner för olika browsers?

JojoxxMedlem sedan juni 20004 308 inlägg

20 juni 2001 10:00#2

IE och communicator stödjer ju css på lite olika sätt,
Jag vill använda mig utav bl a css definitionerna
visibility: hide; ( hidden;) och show; (visible;)

Iofs har IE och Netscape olika bra stöd för CSS i olika versioner av det ena och det andra, men här skiljer det faktiskt inte. Det är inte förrens du skall ändra dessa egenskaper dynamiskt med script som det skiljer sig åt. Syntaxen är kort och gott, oavsett webbläsare;

visibility: visible;
visibility: hidden;

Sedan döper man oftast css-deklarationsfiler till .css och inte .html för att inte blanda ihop dem. Du kan inkludera olika filer beroende på webbläsare med script. Exempel här.

jmeMedlem sedan maj 20012 237 inlägg

20 juni 2001 11:08#3

Så här definieras det iaf på Netscapes hemsida:
http://developer.netscape.com/docs/manuals/communicator/dynhtml/index.htm

visibility:show;
visibility:hide;

css-tag? Att jag använder mig utav ovanstående definition är orelevant.

Kan man då blanda in båda varianterna i ett <style> tag?

dvs

#blaha {

visibility: hide;
visibility: hidden;

}

Hur ska jag lättast göra för att få det att funka på ie och netscape?

JojoxxMedlem sedan juni 20004 308 inlägg

20 juni 2001 12:33#4

Så här definieras det iaf på Netscapes hemsida: http://developer.netscape.com/docs/manuals/communicator/dynhtml/index.htm
visibility:show;
visibility:hide;

Detta gäller dhtml, alltså när du använder script för att ändra dessa egenskaper. Skriver du det i en statisk stilmall använder du;

visibility: hidden;

eller

visibility: visible;

Där den senare är default, så den behöver du inte ändra till såvida du tidigare inte definierad något annat via förälderobjekt. Detta fungerar i både Netscape och IE.