Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    4 bordi arrrotondati in rollover

    Ciao a tutti,
    sto rifacendo il mio sito che prima era un groviglio di tabelle, ora è un tabless. Ho il seguente problema: vorrei fare un menu orizzontale con bordi arrotondati quando vi passo sopra col mouse (rollover). I bordi li ho creati, è solo che non so come mettere il tutto in css e html.

    Ad esempio se uso:

    #topnavi a:hover {
    color: #FFFFFF;
    background-color: #9B0000;
    background-image: url(/immagini/menusinistra.gif); background-repeat: no-repeat; background-position: bottom left;
    background-image: url(/immagini/menudestra.gif); background-repeat: no-repeat; background-position: bottom right;
    }

    Il navigatore mi interpreta unicamente il secondo bordo, cioè il bottom right. Come faccio a fare in modo che tutti gli angoli vengano presi in considerazione? In questo esempio ne ho messi solo due, ma in realtà ho quattro angoli che devono apparire simultaneamente con il rollover. In sostanza come faccio a fargli digerire quattro immagini simultaneamente?

    Grazie mille a tutti
    Saluti
    Heter

  2. #2
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870
    non puoi passare due background-image nello stesso punto, perchè verrà preso in considerazione solo l'ultimo.
    I bottoni sono due immagini che si alternano? Se si, crei due classi per i due stati.

  3. #3
    Grazie per la risposta Alberto.

    Non, non sono due immagini. Quando il link non è coperto dal mouse vi è solo uno sfondo bianco (http://test.poralegria.ch). Poi quando passo sopra con il mouse lo sfondo diventa rosso. Ma ovviamente è rettangolare, ed è di una lunghezza differente a dipendenza del link (parole di diversa lunghezza. potrei mettere un'immagine al posto dello sfondo, ma poi la larghezza minima dell'immagine sarebbe equivalente alla larghezza della parola più lunga, la quale è molto lunga. mi verrebbe fuori un menu troppo lungo). Così mi ritrovo a dover passare da uno sfondo bianco a uno sfondo colorato con bordi arrotondati e non so come fare... Quindi ho pensato di usare quattro gif per creare gli angoli arrotondati. Il problema è che devono apparire simultaneamente quando faccio il rollover...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.