• G
    User Attivo •

    Aiuto con Comportamenti Dreamweaver e CSS

    Ciao a tutti, vi espongo il mio problema: vorrei creare dei tasti per un menu che abbiano 2 effetti di rollover, uno quando il mouse vi passa sopra (ed è il comportamento OnMouseOver, ripristinato da OnMouseOut) ed un'altro effetto quando il pulsante viene schiacciato, in modo tale da dare al tasto l'effetto "premuto" fino a quando non si clicca su un'altra voce del menu. Il primo rollover l'ho creato molto facilmente, ma non so come fare il secondo.

    L'altro dubbio riguarda il CSS: la pagina che sto creando è fatta a tabelle, e nel foglio di stile (per unire al massimo tutte le celle e fare coincidere le immagini) ho messo la proprietà border-collapse: collapse. Il problema nasce quando effettuo il controllo sul codice, infatti mi dice che questo non è supportato da Netscape 6.0; però se lo tolgo le celle si spaziano leggermente, ma di quel tanto da far apparire le linee di separazione...come faccio?

    Grazie 🙂

    0
  • C
    Super User •

    @glanzetta said:

    Ciao a tutti, vi espongo il mio problema: vorrei creare dei tasti per un menu che abbiano 2 effetti di rollover, uno quando il mouse vi passa sopra (ed è il comportamento OnMouseOver, ripristinato da OnMouseOut) ed un'altro effetto quando il pulsante viene schiacciato, in modo tale da dare al tasto l'effetto "premuto" fino a quando non si clicca su un'altra voce del menu. Il primo rollover l'ho creato molto facilmente, ma non so come fare il secondo.

    Dovresti creare una funzione che quando riceve un click su un bottone, per prima cosa ripristina allo stato iniziale tutti gli altri e dopo fa comparire qule pulsante come premuto.
    Partendo dal codice creato da Dreamweaver dovresti farcela.

    @glanzetta said:

    L'altro dubbio riguarda il CSS: la pagina che sto creando è fatta a tabelle, e nel foglio di stile (per unire al massimo tutte le celle e fare coincidere le immagini) ho messo la proprietà border-collapse: collapse. Il problema nasce quando effettuo il controllo sul codice, infatti mi dice che questo non è supportato da Netscape 6.0; però se lo tolgo le celle si spaziano leggermente, ma di quel tanto da far apparire le linee di separazione...come faccio?
    Di solito quando si usano tabelle per creare la struttura, tutt'ora si impostano degli attributi direttamente nel tag table:

    <table border="0" cellpadding="0" cellspacing="0">

    Così si è certi che funzioni con i vari browser

    :ciauz:

    0
  • S
    Super User •

    @glanzetta said:

    ...ma non so come fare il secondo.

    Scusa, per il secondo effetto, con i CSS, usa questa regola:

    a:active &#123; metti qui la formattazione grafica &#125;
    0
  • G
    User Attivo •

    Grazie mille, vado subito a provare 🙂

    Poi volevo un altro consiglio: non sono bravissimo con i DIV e sto sviluppando il sito con le tabelle...come faccio a far adattare l'altezza della pagina come la larghezza? Mi spiego meglio: per adattare la larghezza della tabella alla pagina mi basta indicare nel CSS

    table {
    width: 100%;
    }

    ma per l'altezza come faccio? Vorrei evitare, almeno nella home page, che spunti la barra di scorrimento verticale. Grazie per gli ottimi consigli

    @claudioweb

    Hai ragione con i cellmargin e cellspacing, credevo che le nuove direttive HTML imponessero questo tipo di comandi al CSS 😄

    0
  • G
    User Attivo •

    @Serp said:

    Scusa, per il secondo effetto, con i CSS, usa questa regola:

    a:active &#123; metti qui la formattazione grafica &#125;

    Ma con JavaScript di Dreamweaver non c'è niente? Perchè il primo rollover l'ho creato con i JS mentre per mettere il secondo sul CSS dovrei rifare tutto, o no? Perchè l'immagine con il CSS dovrei metterla in beckground e non si vede, o sbaglio?

    0
Effettua l'accesso per rispondere