Visualizzazione risultati 1 fino 14 di 14

Discussione: problema CSS

  1. #1
    Guest

    Predefinito problema CSS

    http://myfoto.altervista.org/natura/...lombardia.html
    in questa pagina c'è un css esterno ke gestisce lo sfondo e i link...
    ...con Ffox funziona, mentre con ie7 nn funge....
    ...cosa devo fare?

  2. #2
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    uhm, lo vedo identico con entrambi... Ctrl-F5 ?

    cmq, per sicurezza, puoi specificare il primo javascript in modo esplicito, che a volte IE si confonde
    Codice HTML:
    <script type="text/javascript">
    Ultima modifica di dreadnaut : 20-12-2007 alle ore 20.50.24

  3. #3
    Guest

    Predefinito

    niente, a me nn funge...neanke a cancellare i fle temporanei...l'ho impostato ke quando passa il cursore diventa rosso...gli altri come lo vedono?

  4. #4
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    aaah, i bordi. ho letto "lo sfondo e i link" e quelle due cose mi parevano identiche

    Questo mi pare incompleto, se vuoi dei bordi colorati:
    Codice:
    a:hover {
     color : red;
     text-decoration : underline;
    }
    dovresti aggiungere un border: 1px solid red; ad esempio. color è solo per il colore del testo

  5. #5
    Guest

    Thumbs up

    ah, grande

    EDIT: http://myfoto.altervista.org/natura/...lombardia.html
    xò mi fa sto effetto dei doppi bordi :D
    ke posso fare?
    Ultima modifica di funcool : 21-12-2007 alle ore 11.29.39

  6. #6
    Ospite Guest

    Predefinito

    Togli il bordo da a:hover e mettilo in img:hover ;)

    Ciao!

  7. #7
    Guest

  8. #8
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    e se anche andasse, poi non funzionerebbe su IE6, che accetta l'hover solo sui link.

    Purtroppo direi che la cornice a scomparso solo attorno alle immagini non si può fare. Puoi farla grande quanto la cella della tabella (dando display: block ai link), ma a questo punto non è proprio lo stesso effetto, anzi è bruttino.

    Consiglio personale, elimina le tabelle ed usa una lista

  9. #9
    Guest

    Predefinito

    allora, tipo posso impostare lo spazio dell'immagine dai margini di un pixel e riempire l tabella quando ci passa col cursore...
    ...o se faccio una lista, posso lasciare lo stesso effetto?
    ciao

  10. #10
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    per il primo caso, il problema è che hai immagini rettangolari di diverso formato - fossero quadrate sarebbe più facile.

    Per le liste, setti i link come display:block e poi applichi i bordi come sopra e dovrebbero funzionare. Però non ti viene più una tabella ecco

  11. #11
    Guest

    Predefinito

    ma poi con la lista nn posso + metterne un po' a destra e a sinistra?
    o no?
    ciao

  12. #12
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    diventa assai più complesso che con la tabella. se dai
    Codice:
    ul li {
      float: left;
      width: 50%;
    }
    potresti avere due colonne però (o di più con dimensioni minori), che non è un brutto effetto

  13. #13
    Guest

    Talking

    nn ho capito tanto bene, spiegami meglio ke sn un po' ignorante in materia
    grazie!

  14. #14
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,269

    Predefinito

    allora, ecco un semplice semplice esempio di lista allineata a colonne

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •