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
Printable View
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
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`:Per le istruzioni di stile, qui c'e` la reference ufficiale.Codice HTML:<html>
<head>
.
.
<link rel="stylesheet" type="text/css" href="yourstyle.css" />
.
.
</head>
<body>
.
.
.
</body>
</html>
Grazie tante!
Francesco
si può trovare da qualche parte in italiano quella guida?? :grin:
a proposito di w3c come si fa a convalidare il sito... cioè a fare il test?
vai su
http://validator.w3.org/
mavericck
Citazione:
Originalmente inviato da gve
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
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
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. :cry:
Francesco
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.Citazione:
Originalmente inviato da heracleum
Francesco
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..
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
:shock:
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
Scusami. I link riportano a delle pagine, no? E io vorrei cambiare lo sfondo di quelle pagine con il css. Ci siamo?
Francesco
nel css delle pagine che colleghi, usi la proprietà background image per il body
mavericck
background-color intendevi ...Citazione:
Originalmente inviato da mavericckweb
comunque, per l'appunto, devi usarla nel css della pagina interessata, non nel link che porta ad essa.
ah! sorry :oops:Citazione:
Originalmente inviato da gve
non so perchè mi sia venuto image, scherzi dell'ora legale non ancora assorbita :mrgreen: :mrgreen:
mavericck