webForumDet fria alternativet

Modifiera vertikal meny med CSS

4 svar · 1 356 visningar · startad av whiteshade

whiteshadeMedlem sedan aug. 20124 inlägg
#1

Hej, jag är ganska ny på html och CSS och har en fråga om hur jag modifierar en vertikal meny som jag har hittat och skulle vilja lägga som meny längst till vänster på en hemsida.

Menyn som jag hittat på Internet är:
http://cssmenumaker.com/menu/blue-and-white-css3-flyout-menu

Denna meny skulle jag vilja modifiera så att underalternativen "flyger ut neråt" istället för "flyga ut åt höger". Hur ska jag göra då?

Mycket tacksam för svar
//Mvh Anna

voigtann1Medlem sedan juni 20019 519 inlägg
#2

Skall allt hoppa ner eller du vill att undermenyn skall hamna under? i så fall är det bara att ändra css positionerna på ul listan som renderas (eller ta bort position absolut och se hur bra det fungera), men om den skall "dra" ner menyn så känns det som att du få göra om CSS koden lite, för att få menyn att skapa luft.

whiteshadeMedlem sedan aug. 20124 inlägg
#3

Ja, jag testade att ändra positionerna, och det fungerar ju bra.
Men allra helst hade jag velat att det skapades luft neråt för underalternativen när man klickar på ett alternativ. Och den koden borde ju bli lite mer avancerad än den jag har nu, men jag vet inte alls vad det är för kod jag ska skriva för att få den effekten.
Kanske måste jag använda Javascript för detta?

voigtann1Medlem sedan juni 20019 519 inlägg
#4

whiteshade skrev:

Kanske måste jag använda Javascript för detta?

beror ju helt och hållet på hur du faktiskt vill ha det, kan du göra ett exempel på hur du vill ha det på en bild?

whiteshadeMedlem sedan aug. 20124 inlägg
#5

Tack, jag löste det med ett script!

133 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)