dubbio sui css (a:hover / ul)

**blakwolf** · 22-06-2003, 15:57

ragazzi a me sembrava che fosse valido fare questo per fare fare il roll'over sull quadratino della lista, ma non sembra valido...

[*]ciao

ma non sembra essere valido, però io ero sicuro che nel vecchio tutorial di constile sui menu si utilizzasse questa tecnica... help :master:

**mimir** · 22-06-2003, 17:05

Originariamente inviato da blakwolf
ragazzi a me sembrava che fosse valido fare questo per fare fare il roll'over sull quadratino della lista, ma non sembra valido...

[*]ciao

ma non sembra essere valido, però io ero sicuro che nel vecchio tutorial di constile sui menu si utilizzasse questa tecnica... help :master:

Nel vecchio tutorial di
.ConStile sui menu si usava quest'altra tecnica:[*]ciao

Saluti

**blakwolf** · 22-06-2003, 17:13

si ma esiste una tecnica valida per fare l'hover sui quadratini?

**piero06** · 22-06-2003, 17:20

Originariamente inviato da blakwolf
si ma esiste una tecnica valida per fare l'hover sui quadratini?

hai provato a mettere l'elenco in un div con una classe del css che permette l'hover ai link e le varie voci dell'elenco così:

[*]ciao

?

Nn nè sono sicuro ?

**mimir** · 22-06-2003, 17:30

Originariamente inviato da blakwolf
si ma esiste una tecnica valida per fare l'hover sui quadratini?

Il modo milgiore è togliere il normale punto elenco e sostituirlo con un'immagine di sfondo non ripetatuta da dal posizionare con cura. a:hover userà un'immagine di sfondo di differente colore.

Io usavo questa tecnica per una precedente versione del mio sito.

Saluti.

**blakwolf** · 22-06-2003, 19:07

ok grazie mi sa che è l'unica valida...

tks

**antos** · 22-06-2003, 20:36

codice:

  <li style="color: #3366FF" onMouseOver="this.style.color='#FFFFFF'" onMouseOut="this.style.color='#3366FF'"> mail

qualcosa del genre va bene?

**blakwolf** · 23-06-2003, 08:44

si ci avevo già pensato ma non è la soluzione da me preferita.... preferivo rimanere sui css, ma magari...

tks

**herrel** · 23-06-2003, 08:54

il trucco che uso io sta nello sfruttare il bordo :

<html>
<head>
<title>Untitled</title>

<style>
ul {
padding:5px;
border:1px solid gray;
width: 150px;
text-decoration:none;
list-style: none;
margin:0; padding:0;
}
ul li {
border:1px #EFEFEF solid; }
ul li a {
text-decoration:none;
display: block;
text-decoration: none;
border-left: 10px solid; /*prova ad aumentare..*/
padding-left: 6px;
font-weight: bold;
font-size : 1em; }
ul li a:link, ul li a:visited {
border-color: navy;
color: navy;
display:block;
position:relative; }
ul li a:hover, ul li a:active {
display:block;
position:relative;
border-color: orange;
background: #ececec;
color: orange; }
</style>

</head>

<body>

<ul>[*]home page[*]novità[*]realizzazioni[*]grafica[*]informazioni[/list]

</body>
</html>

**blakwolf** · 23-06-2003, 10:13

si quel trucco lo conoscevo, io volevo però capire se era possibile sfruttare direttamente la lista, ma ho capito che cercando la validazione non si può

Discussione: dubbio sui css (a:hover / ul)

Strumenti discussione

Ricerca discussione

Visualizza

dubbio sui css (a:hover / ul)

Re: dubbio sui css (a:hover / ul)

Permessi di invio