caricare immagini

[rudyF]

Ciao
Ho ben 36 Div che contengono la stessa immagine (immagine vuota)
L'unica cosa diversa è la loro posizione.
Vorrei mettere tutte le altre impostazioni nel CSS.
Ho provato così:

<style type="text/css"> <!--
.object {width:70px; height:75px; position:absolute; img.src:url(oggetti/og0.gif); width:70px; height:75px; border="0;}
--> </style>

<div id="oggA1" class="object" style="left:80px; top:115px; z-index:1;"><img id="ogA1"></div>

Non carica l'immagine (img.src:url)
Ho anche provato con una classe apposta per l'img: niente!
ovviamente la sintassi è sbagliata (sempre che si possa fare)

Per IE 6
P.S. z-index si può mettere nel CSS ? (me lo scrive in rosso!)

rudyF

[Mich_]

Il tuo codice definisce un oggetto HTML con
class="object"
essendo object il nome di un tag, non conviene usarlo anche per una classe.

La sintassi e` sbagliata. Per definire uno sfondo nei CSS si deve usare:
background: url(oggetti/og0.gif);

Altro errore di sintassi:
border="0;
le virgolette non c'entrano (tra l'altro vengono interpretate in manira diversa da browser diversi)

Cerca di non usare CSS inlinea e CSS nell'head mescolati: ti creano confusione, soprattutto nella manutenzione: se realizzi codice pulito e chiaro e` molto piu` semplice trovare gli errori e manutenere la pagina.

[rudyF]

Ciao
"Object" mi era sfuggito e cambio subito.
Pure "border" (che stupido errore!)

Ma così l'immagine diventa lo sfondo del DIV
background: url(oggetti/og0.gif);

Le immagini dei DIV saranno cambiate nello script con:
ogA1.src="oggetti/og1.gif" (img id="ogA1") (VBScript)

Essendo l'immagine diventata il background, come faccio?
Le dimensioni delle immagini sono diverse e
devono diventare tutte uguali, quindi devo impostarle a priori.
Nel CSS perchè sono tante.

z-index ?

rudyF

[Mich_]

z-index e` una proprieta` valida, ma ha necessita` che l'oggetto sia posizionato. Vedi qualsiasi manuale di CSS.

Comunque il CSS non e` auto-validato: chi lo scrive in rosso? Se e` il tuo editor, potrebbe avere degli errori: verifica sempre la sintassi con un validatore sicuro (esempio validatore CSS).


Non ho capito se le immagini fanno parte del contenuto o della formattazione: nel primo caso vanno inserite con il tag <img>, nel secondo vanno messe come sfondo.

Comunque si possono modificare le immagini di sfondo tramite JS:
document.getElementById('ID_OGGETTO').style.backgr ound = 'url(nuovaimm.gif)';

Nota che la tua sintassi e` comunque errata: funziona in IE, ma non negli altri browser.

[rudyF]

Credo di non essermi spiegato bene.
Nel corpo della pagina ho 36 div come questo:

<div id="oggA1" style="width:70px; height:75px; position:absolute; left:80px; top:115px; z-index:1;">[img]oggetti/og0.gif[/img]</div>

L'unica cosa che cambia è l'ID dei DIV, la posizione e l'ID di IMG
tutto il resto è identico, quindi vorrei creare una classe (o devo crearne due?)

Domanda: come inserisco src="oggetti/og0.gif" in una classe?

Queste immagini vengono cambiate durante lo svolgimento del programma tramite uno script (VBScript, quindi solo per IE)

rudyF

[Mich_]

Se la domanda e`: "come si fanno i CSS" la risposta la trovi nelle numerose risorse in rete.
Ad esempio il tutorial sui CSS di HTML.it, tratta l'argomento in uno dei primi capitoli.


Per quanto riguarda il VBS mi trovi completamente impreparato (non sviluppo codice proprietario).