transizione

**thorny** · 13-02-2015, 18:56

salve a tutti
sto incominciando adesso con html e css quindi miscuso in anticipo per le cazzate che scrivero'
il problema e questo:
#menuH{
cursor:default;
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
list-style:none;
color:#FFFFFF;
font-size:large;
margin:15px;
margin-left:10px;
transition: transform 100ms ease 0s;
}

.iconHome{
width:20px;
height:20px;
float:left;
margin-top:1px;
margin-right:5px;
}

#menuH:hover > .iconHome{
transform: translate(-10px);
}
perche diavolo non mi fa la transazione ma mi fa solo la trasformazione
grazie a tutti

**Roby140569** · 13-02-2015, 19:24

Posta anche la parte di HTML

**thorny** · 13-02-2015, 19:47

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>index</title>
<link href="stili1.css" rel="stylesheet" type="text/css">
<link href="stili2.css" rel="stylesheet" type="text/css">
</head>

<body>
<ul id="contenitoreMenu">
<li id="menu"><img src="icon/arrow-31-24.ico" class="icon"/>Home</li>
<li id="menu"><img src="icon/arrow-31-24.ico" class="icon" />Guide</li>
<li id="menuR"><img src="icon/arrow-31-24.ico" class="icon" />Recensioni</li>
<li id="menuRi"><img src="icon/arrow-31-24.ico" class="icon" />Ricerca</li>
<li id="menuC"><img src="icon/arrow-31-24.ico" class="icon" />Contatti</li>
</ul>
<div style="height: 1222px">fsdfsdfdfs</div>
</body>

</html>

**thorny** · 13-02-2015, 19:49

a no scusa ho cambiato qualcosina ti posto il css che sto cambiando in base ahtml che ti ho mandato:
body{
margin:inherit;
padding:0;
background-color:#330033;
}

#contenitoreMenu{
position:fixed;
border:1px solid #FFFFFF;
background-color:#003333;
border-left:inherit;
border-top:inherit;
border-radius:0 0 13px 0;
width:200px;
height:200px;
margin-top:0px;
}

#menu{
width:73px;
cursor:default;
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
list-style:none;
color:#FFFFFF;
font-size:large;
margin:15px;
margin-left:10px;
transition: transform 100ms ease 0s;
-webkit-transition: transform 100ms ease 0s;

}

#menuR{
width:130px;
cursor:default;
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
list-style:none;
color:#FFFFFF;
font-size:large;
margin:15px;
margin-left:10px;
transition: transform 100ms ease 0s;
-webkit-transition: transform 100ms ease 0s;

}
.icon{
width:13px;
height:13px;
float:left;
margin-top:7px;
margin-right:5px;
color:#FFFFFF;
}

#menu:hover > .icon{
transform: translate(-10px);
-webkit-transform: translate(-10px);
}

#menuR:hover > .icon{
transform: translate(-10px);
-webkit-transform: translate(-10px);
}

**thorny** · 14-02-2015, 15:01

nessuno mi puo aiutare???

**Roby140569** · 14-02-2015, 15:22

Calma, calma... facciamo passare il weekend!

**thorny** · 14-02-2015, 17:14

propio quando io lavoro al sito...noooooo

**Mich_** · 16-02-2015, 11:57

Punto 1. Impara ad usare il forum.
Ci sono dei tag appositi per inserire il codice, che lasciano la formattazione originale: racchiudi il codice tra i tag [ code ] e [ /code ] (senza gli spazi)

Punto 2. Ci sono erorri di sintassi nel codice: non si possono usare id uguali a due oggetti di una pagina HTML: un id (=identificatore) definsce un oggetto, forse quello che volevi e` usare le classi.

Poi prima di chiedere, verifica che non ci siano altri errori HTML e/o CSS: puoi usare i validatori (riferimenti tra i "link utili"): e` difficile capire perche` una cosa non funziona se ci sono errori di sintassi o di semantica.

Discussione: transizione

Strumenti discussione

Ricerca discussione

Visualizza

transizione

Permessi di invio