slacky.eu

Ciao a tutti!
Sto riscrivendo il mio sito... usando stavolta un layout coi css.
Questo è più meno quello che sta saltando fuori:

http://img232.imageshack.us/img232/8899 ... t17rh3.png

questo è il codice html:
http://pastebin.ca/220985
css:
http://pastebin.ca/220987

(la pagina l'ho presa da un esempio di html.it )

avrei due domandine...
1. è possibile creare dei link permanenti col css? del tipo... vorrei che l'immagine titolo (title_imageheader) linkasse all'home direttamente col css... si può? o è fantascienza?
2. come faccio a impostare il css in modo che il footer sia sempre a fine pagine? io ho letto http://css.html.it/guide/lezione/64/il- ... el-footer/ ma mi sa che è solo per layout fissi, mentre il mio è fluido.

grazie mille

1. Questo:è l'unico modo che conosco...

2. Definisci nel <div> del footer il parametro clear:both, o racchiudendo i <diiv> superiori in un unico <div>.

Ciao,
Touch.

per la 1 ci sono riuscito (EVVAI!!!!!!!!). questo è il codice che ho usato:

html:
<a id="smiley" href="#"></a>

css:
a#smiley {
display: block;
width: 40px;
height: 40px;
background-image: url('news.jpeg');
}
a#smiley:hover {
background-image: url('news_2.jpeg');
}

mi chiedevo però... quando il mouse passa sopra l'immagine, l'immagine viene caricata in quel momento? perchè se è così, chi ha una connessione lenta vedrò quest'effetto in ritardo... come si può fare?

ho già risolto anche questo punto... ho settato un div block che contiene il link con l'immagine di background. il div block ha un immagine di background anche lui. quando scatta l'hover sul link, l'immagine del link sparisce e mostra l'immagine sottostante (quella del div block). in poche parole:

html:
<div id="container">
<a id="smiley" href="#"></a>
</div>

css:
div#container{
display: block;
width:40px;
height:40px;
background-image: url('PICT0045.JPG')
}
a#smiley {
display: block;
width: 40px;
height: 40px;
background-image: url('news.jpeg');
}
a#smiley:hover {
background-image: url('');
}

touchstyle ha scritto:2. Definisci nel <div> del footer il parametro clear:both, o racchiudendo i <diiv> superiori in un unico <div>.

uhm... intendi fare una cosa così?
div#footer{
text-align:center;
padding: 5px 0;
background-color: #222222;
color: #000;
margin-left:50px;
margin-right:50px;
margin-bottom:20px;
clear:both
}

così non funziona...

Gli altri <div> sono float?
Strano che non funzioni...

Dai un occhio qui : http://www.bigbaer.com/css_tutorials/tw ... footer.htm.

Ciao,
Touch.

Ma hai racchiuso i <div> precedenti?

E' in basso giusto?

Strano che non vada...

alex.franci ha scritto:Ciao a tutti!
Sto riscrivendo il mio sito... usando stavolta un layout coi css.
Questo è più meno quello che sta saltando fuori:

http://img232.imageshack.us/img232/8899 ... t17rh3.png

questo è il codice html:
http://pastebin.ca/220985
css:
http://pastebin.ca/220987

(la pagina l'ho presa da un esempio di html.it )

avrei due domandine...
1. è possibile creare dei link permanenti col css? del tipo... vorrei che l'immagine titolo (title_imageheader) linkasse all'home direttamente col css... si può? o è fantascienza?
2. come faccio a impostare il css in modo che il footer sia sempre a fine pagine? io ho letto http://css.html.it/guide/lezione/64/il- ... el-footer/ ma mi sa che è solo per layout fissi, mentre il mio è fluido.

grazie mille

che editor usi?

IceSlack ha scritto:che editor usi?

Kwrite

okay ce l'ho fatta...
ma ora sorge un altro problema... STO DIVENTANDO PAZZO

come faccio a far arrivare fino in fondo le colonne???

questo è il nuovo css:
http://pastebin.ca/221555

html:
http://pastebin.ca/221560

img:
http://img234.imageshack.us/img234/3835 ... t18zs6.png

grazie...

ho risolto impostando un min-height...