css: come si fa?

24-03-2005, 10.34.09

Ho sentito dire che con i css e` possibile creare una grafica per tutto il sito. Come si creano e come si rimandano le singole pagine lla grafica salvate nel css? Grazie.
Francesco

**gve** · 24-03-2005, 12.32.21

Nel tag head del file html metti <link rel="stylesheet" type="text/css" href="yourstyle.css" />, dove yourstyle.css e` il nome del file di stile.
In pratica avrai una struttura cosi`:

Codice HTML:

<html>
<head>
.
.
<link rel="stylesheet" type="text/css" href="yourstyle.css" />
.
.
</head>
<body>
.
.
.
</body>
</html>

Per le istruzioni di stile, qui c'e` la reference ufficiale.

26-03-2005, 13.20.29

Grazie tante!
Francesco

26-03-2005, 13.35.00

si può trovare da qualche parte in italiano quella guida?? :grin:

**Gianmarco89** · 26-03-2005, 13.37.24

a proposito di w3c come si fa a convalidare il sito... cioè a fare il test?

26-03-2005, 13.49.24

vai su

http://validator.w3.org/

mavericck

27-03-2005, 15.02.04

Originalmente inviato da gve

Nel tag head del file html metti <link rel="stylesheet" type="text/css" href="yourstyle.css" />, dove yourstyle.css e` il nome del file di stile.
In pratica avrai una struttura cosi`:

Codice HTML:

<html>
<head>
.
.
<link rel="stylesheet" type="text/css" href="yourstyle.css" />
.
.
</head>
<body>
.
.
.
</body>
</html>

Per le istruzioni di stile, qui c'e` la reference ufficiale.

Ho fatto un foglio di stile chiamato stile.css e il suo contenuto è il seguenteà
a:active {
background-attachment: fixed;
background-color: #1B7CAD;
}

Nel codice di un file ho inserito la seguente stringa:
<link rel="stylesheet" href="stile.css" type="text/css">
</head>

Ho messo on-line i due file, ma nel foglio dove ho copiato la stringa di cui sopra non succede assolutamente niente: lo sfondo è bianco.

Vorrei chiedere anche un`altra cosa: se in un file metto il riferimento a un foglio di stile, anche se quel file ha dei colori e delle impostazioni sue, alla fine on-line appaiono solo le impostazioni del foglio di stile?
Visto che mi risulta difficile, mi conviene mettere dei fogli di stile visto che le pagine le voglio fare in modo abbastanza semplice (solo uno sfondo colorato, credo)? Grazie.
Francesco

**heracleum** · 27-03-2005, 16.52.12

Visto che molte immagini hanno il percorso sbagliato, ad es.:
http://fdiodato.altervista.org/bandita.gif
invece di
http://fdiodato.altervista.org/immagini/bandita.gif

mi chiedevo se anche per il percorso del file .css avevi lo stesso problema, cioè far riferimento all'URL corretto da una pagina html.
Ovviamente non c'è bisogno che ripeti tutto l'URL completo (assoluto).

Per es. per le immagini in home vedo:
src="bandita.gif"

che non funziona visto che stanno nella cartella immagini, dunque dorvesti piuttosto farvi un riferimento assoluto ma relativo alla "root" del tuo sito, cioè scrivere:
src="/immagini/bandita.gif"

((attenzione allo slash "/" iniziale))
che funziona ovunque metti la pagina, anche in sottocartelle, visto che ti riferisci all'immagine sempre partendo dalla cartella principale (root).

Fai lo stesso con il file .css, magari è quello il problema.
ciao

28-03-2005, 05.17.31

Il percorso di quelle immagini non l`ho sistemato ancora per pigrizia (all`inizio non aveva nessuna cartella "immagini"). Il file stile.css trattandosi di una prova non l`ho inserito in nessuna cartella.

Francesco

**heracleum** · 28-03-2005, 09.16.29

oook... e dunque?

facciamo prima se ci dici dove hai fatto la prova (url della pagina).

(ad ogni modo, sai che a:active è visibile SOLO quando si clicca il link no? e se il link cambia pagina non fai neanche in tempo a vederlo, ok?)

28-03-2005, 10.06.20

Originalmente inviato da heracleum

oook... e dunque?

facciamo prima se ci dici dove hai fatto la prova (url della pagina).

(ad ogni modo, sai che a:active è visibile SOLO quando si clicca il link no? e se il link cambia pagina non fai neanche in tempo a vederlo, ok?)

Non lo sapevo. Cosa dovrei usare al posto di a:active? Cmq ora ho provato ad accedere alla pagina (http://fdiodato.altervista.org/inglese.htm) tramite il link, ma lo stesso problema. Grazie.
Francesco

**heracleum** · 28-03-2005, 15.58.41

Se volevi dare ai link l'effetto di cambiare sfondo al passare del puntatore, devi usare:
a:hover

E soprattutto, visto che stai lavorando con i colori dei link, togli quel tag font da sopra il contact me, e lavora solo sul tag A (il link), prova a dargli più proprietà tipo:
a {
color: red;
background-color: blue;
text-decoration: none;
}
a:hover {
color: yellow;
background-color: red;
text-decoration: underline;
}

per vedere se funziona, perché per es. (nella tua prova) background-attachment serve solo quando hai una immagine di sfondo.. quindi.. al momento non può avere effetto.
Vedi con questi altri stili..

28-03-2005, 16.32.31

Al momento non mi interessa far cambiare di colore i link al passaggio del puntatore. Voglio solo cambiare lo sfondo delle pagine collegate... Come devo fare?
Francesco

**heracleum** · 28-03-2005, 21.47.12

Abbi pazienza, cosa vuoi dire con "pagine collegate"?????
(i link servono principalmente appunto a collegare pagine, quindi anche impegnandomi non riesco a dedurre cosa intendi, sorry)

> does not compute

29-03-2005, 05.40.15

Scusami. I link riportano a delle pagine, no? E io vorrei cambiare lo sfondo di quelle pagine con il css. Ci siamo?
Francesco

29-03-2005, 09.37.54

nel css delle pagine che colleghi, usi la proprietà background image per il body

mavericck

**gve** · 29-03-2005, 10.51.50

Originalmente inviato da mavericckweb

nel css delle pagine che colleghi, usi la proprietà background image per il body

mavericck

background-color intendevi ...

comunque, per l'appunto, devi usarla nel css della pagina interessata, non nel link che porta ad essa.

29-03-2005, 11.26.20

Originalmente inviato da gve

background-color intendevi ...

ah! sorry

non so perchè mi sia venuto image, scherzi dell'ora legale non ancora assorbita

mavericck

Discussione: css: come si fa?

LinkBack

Strumenti discussione

Display

css: come si fa?

Regole di scrittura