Newsgroup: it.comp.www.html
Titolo: fogli di stili e immagini di sfondo

Ciao a tutti,
mi sto cimentando con i fogli di stile e ho giŕ riscontrato il mio primo
problema.
Voglio mettere uno sfondo colorato alla mia pagina.
Con il codice normale facevo
<BODY BACKGROUND="images/sfond.gif">
con i fogli di stile ho provato a fare
<DIV STYLE ="position:absolute;Width:1024px;height:768px;
background-image:url(images/sfond.jpg)">
</DIV>
<H1>Ciao</H1>
mi appare tutto lo sfondo, ma il testo che ci vado a scrivere sopra non
appare.
utilizzo i fogli di stile esterni
<link rel=stylesheet href="style.css" type="text/css">
Al'interno dei quali ho definito
H1{ font-size :35px;font-family:Bad Seed; color: black}
DOMANDE:
Perchč il testo viene coperto dallo sfondo?
Come faccio per non definire la dimensione dello sfondo(1024x768) ma fare in
modo che venga automaticamente adattato come succede con il codice html
scritto all'inizio della mail?
e poi un ultima domanda.
Vorrei introdurre un font che non č di default in ogni comuputer, con i
fogli di stile come posso allegare il font che voglio io per far si che
anche chi non ce l'ha installato nel proprio pc possa vedere bene la pagina?
grazie infinite a chi puň aiutarmi
ele71
-- 
Posted from 
smtp3.libero.it
 [193.70.192.53] 
via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 anche chi non ce l'ha installato nel proprio pc possa vedere bene la
pagina?
sai usare i controlli activeX ? ad ogni modo molti utenti li disattivano
la soluzione migliore sarebbe incitare i visitatori a scaricare il font di
cui parli e
fare in modo che lo installino

 }
Meglio:
body {
    background-image: url(../img/sfondo.gif);
    background-color: #000;
    color: #fff;
    font-family: Arial, Antonio, "Giuseppe Maria";
    font-size: 120%;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 100%; /* ??? */
}
Perche':
- background-image e non background perche' non ha molto senso usare una
attributo compatto e poi usare background-color;
- tutto minuscolo perche' cosi' e' consigliato (non che sia obbligatorio);
- I colori in forma compatta;
- Il font-size specificato in percentuale non in punti (pessima cosa in
punti o pixel);
- Le percentuali in % non in em perche' IE 3 non capisce che vuol dire em e
lo tratta come pt (!!)
- Gli zeri vanno sempre *senza* unita' di misura, al cotnrario di tutti gli
altri numeri;
- Specificare font-weight normal e' inutile;
- Di font bisogna sempre indicarne almeno tre, e solo se composti da piu'
parole vanno fra virgolette;
- Il margin-left di 1em (o, che e' sinonimo di 100%) non saprei bene che
effetto ha.
--
Laz
http://digilander.iol.it/sgrizzo
 - Romano Scarpa, IL Maestro
http://heinlein.cjb.net
 - Sito italiano su RAH
"Nothing like getting your ass kicked to make your ass hurt"

Ciao,
innanzitutto vorrei ringraziarvi per le risposte.
Sono alle prime armi con i Css, e forse vi appariranno stupide le mie
domande, ma vorrei capire alcune cose.
Ho provato il codice che mi avete scritto ma non riesco a fare andare le
cose per i verso giusto.
Vi scrivo le poche righe di codice che uso.
<HTML>
<HEAD>
<TITLE>XXXXXXX</TITLE>
<link rel=stylesheet href="style.css" type="text/css">
</HEAD>
BODY {
    background-image: url(../img/sfondo.gif);
    background-color: #000;
    color: #fff;
    font-family: Arial, "Times New Roman", "Comic Sans MS";
    font-size: 120%;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 100%; /* ??? */
}
<H1>wwwwwwww<BR>wwwwwwwww </H1>
<P ALIGN="CENTER"><A HREF="filmato.html">PARTENZA...</A></P>
</BODY>
</HTML>
DOMANDA:
In questo codice c'è un errore palese che riguarda il body.
Perchè me lo fate scrivere con le parentesi graffe?
Non dovrei usare la dicitura <BODY>?
Mi aiutate a capite  i controlli ActiveX per gestire i font?
grazie 
elena
-- 
Posted from 
smtp2.libero.it
 [193.70.192.52] 


Tutto ciò che è superfluo in quel che ho scritto lo è per il momento, ma
metti il caso
il newbie voglia cambiare qualcosa saprebbe di cosa si tratta.
inoltre dici che in IE3, ma secondo te quanti utenti (in %) usano ancora
quel explorer?
la forma compatta (x i colori ) funziona sì ma non è meglio avere a
disposizione tutti i
16 milioni di colori? poi non credo che guasta o forse sarebbe un peso
inutile (in KB)
da scaricare insieme alle pagine?
non fare inutili polemiche, il tempo è danaro.......

Ciao, ti vorrei proporre un software utilissimo per creare CSS
http://www.atecomputers.it/download/ts15eval.exe
 (2390kb)
http://www.atecomputers.it/download/ts2lite.exe
 (1323kb)
allora,
forse ti sfugge una cosa essenziale:
<link rel=stylesheet href="style.css" type="text/css">
sta per un link al foglio di stile, cioč il foglio di stile č un
documento separato dal documento HTML che sarebbe
la pagina che stai creando, in altre parole sono due file diversi,
il file di CSS che hai chiamato "style.css", lo puoi creare con un
qualsiasi editor di testo, in windows usa il "BLOCCO NOTE",
dentro non devi mettere tag racchiusi da <> ma lo stile stesso:
BODY {
    background-image: url(img/sfondo.gif);
    background-color: #000;
    color: #fff;
    font-family: Arial, "Times New Roman", "Comic Sans MS";
    font-size: 120%;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 100%;
}
questo per quanto riguarda lo stile generale della pagina HTML
nella quale hai giustamente scritto:<HTML>
<HEAD>
<TITLE>XXXXXXX</TITLE>
<link rel=stylesheet href="style.css" type="text/css">
</HEAD>
perň dopo basta scrivere
<BODY> e lo stile si applica alla pagina, avendo definito lo stile
body nel CSS "style.css", questa č la potenza dei fogli di stile,
le cose si definiscono in un file per poi utilizzarle dappertutto!!!
supponiamo la pagina si chiama pagina1.html e si trova in
c:\miosito\html\pagina1.html
e il foglio di stile in c:\miosito\css\style.css
mentre l'immagine si trova in c:\miosito\images\sfondo.gif
nel foglio di stile l'url diventa
    background-image: url(../images/sfondo.gif);
sempre con riferimento alla posizione del foglio di stile.
a presto.
--
~~~~~~~~~~~~~~~~~~~~~~~~~
A.T.E. COMPUTERS
tel.080/5559674 fax 080/5503355
web: 
www.atecomputers.it
 e-mail : 
in...@atecomputers.it

Grazie dei consigli e della pazienza!!!!!!
Adesso credo di aver capito. Avevo le idee un po confuse.
Elena
-- 
Posted from 
smtp1.libero.it
 [193.70.192.51] 
