Salve ragazzi, qui sotto riporto il codice CSS di un lavoro che sto facendo, solo che ho riscontrato due piccoli problemi per i quali cerco ausilio da voi. Allego qui sotto il codice:
.dropdown1 { position: relative;
left: 200px;
width: 300px;
height: 300px;
}
.dropcontent {
display: none;
position:relative;
left: 0px;
top:0px;
background-color:transparent;
min-width: 160px;
box-shadow:none;
z-index: 1;
text-align:center;
}
.dropdown1:hover .dropcontent {
display: block;
position: relative;
}
.mangiare {
color:#C00003;
font-family: "Century Gothic";
font-size: 20px;
font-weight: 30px;
text-decoration: none;
}

Questo è il codice; vorrei sapere se fosse possibile risolvere questi probelmi:
il primo è di mettere i tasti del menu uno sotto l'altro -a scaletta- e non sulla medesima riga come ora;
il secondo è se fosse possibile che mi repostiate il codice con inserito una transition, preferibilmente di puro CSS, giusto per non far sembrare a scatto l'uscita/entrata del sottomenu;
Vi ringrazio in anticipo, vi auguro una buona serata e mi scuso per il disturbo