soluzione tecnica css come fare?

**Certe Notti** · 12-03-2005, 16:08

salve ragazzi,

http://www.ibm.it

se vedete la parte finale della pagina contiene delle sezioni affiancate.

a me piacerebbe copiare palese palese quell'effetto che passando da una sezione all'altra si sposta quella specie di ombra grigia e mantenendo gli stessi caratteri, la stessa dimensione e lo stesso font, insomma per dirla in breve puntini a parte...

qualcuno mi potrebbe aiutare?

grazie mille

**Caleb** · 12-03-2005, 16:58

a spanne si tratta solo di cambiare il colore di background nel div tramite il suo stato hover, do un'occhiata al codice e torno

**Caleb** · 12-03-2005, 17:08

codice:

<html>
<head>
<style type="text/css">
body {
   background: #fff;
}

#changebg:hover {
   background: #999;
}
</style>
</head>
<body>
<div id="changebg">
   ciao
</div>
</body>
</html>

ma su IE non funzia... nel sito dell'ibm risolvono con js

**Certe Notti** · 12-03-2005, 22:34

si ed immagino che il js di cui parli sia questo gisuto?

[/code]

<script type="text/javascript">//
function
scbg(objRef, state)
{
objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';

return;
}
</script>

[/code]

quindi io lo metto prima della chiusura dell'head e poi?

comunque a me serviva tutto, l'effetto dei link che al passaggio del mouse diventano sottolineati, il carattere (font), e la sua dimensione, ecc...

grazie

**Caleb** · 12-03-2005, 23:08

nel sito agganciano js al td ma dovrebbe andare anche col div, avvolgi ogni menu con questo

<div onmouseout="scbg(this, 0);" onmouseover="scbg(this, 1);">
menu
</div>

per i link basta che nel css dichiari il tag a cosi'

a {text-decoration: none;}
a:hover {text-decoration: underline;}

il font e' un verdana 11px

**Certe Notti** · 12-03-2005, 23:10

diciamo che ho per altro riscontrato altre difficoltà che mi portano ad optare per qualcosa di più semplice... perciò mi servirebbe solo un aiutino per creare un style che mi permettesse di passare sui link ovviamente neri e fare lo stesso effetto sottolineatura si/no come sul sito della IBM.

inoltre impostare il carattere titolo compreso con lo stesso carattere e le stesse dimensioni...

grazie mille

**Caleb** · 12-03-2005, 23:42

scusa ma non capisco bene che ti serve... ti scrivo il codice completo? quello lo trovi sul sito stesso...

**Certe Notti** · 13-03-2005, 03:59

sorry c'è stato un po' di qui quro quo...

dunque vediamo se ho capito bene, sai io ci css sono proprio negato

io prendo il codice js da me postato sopra e lo inserisco nella pagina.

dopo di che diciamo che io creo una tabella di 800px e la divido in 3 colonne.

all'interno di ognuno dei 3 td metto

<div style="width:200; height:200" onmouseout="scbg(this, 0);" onmouseover="scbg(this, 1);">
il codice del menù....
</div>

e il gioco è fatto almeno per quanto riguarda l'effetto grafico del cambio del background giusto?
Mentre per quanto riguarda i link beh diciamo che potrei fare una roba del genere:

A:link.rosso { color: #900000; font-size: 11px; text-decoration: none;}
A:visited.rosso { color: #900000 font-size: 11px;}
A:hover.rosso { color: #900000 font-size: 11px; text-decoration: underline;}

ma per il a.visited non metto niente?

Grazie mille

**andrea.paiola** · 13-03-2005, 11:30

le tabelle vanno usate solo per i dati tabellari: qualsiasi altro uso è da considerarsi semanticamente errato!
leggiti i link in rilievo!

**Certe Notti** · 13-03-2005, 16:21

Originariamente inviato da andrea.paiola
le tabelle vanno usate solo per i dati tabellari: qualsiasi altro uso è da considerarsi semanticamente errato!
leggiti i link in rilievo!

ok ma per il problema dei link con e sottolineatura al passaggio del mouse va bene come ho scritto o c'è un a qualche errore?

Discussione: soluzione tecnica css come fare?

Strumenti discussione

Ricerca discussione

Visualizza

soluzione tecnica css come fare?

Permessi di invio