Tips på en enkel CSS baserad drop-down meny, som är enkel att redigera

Permalänk
Medlem

Tips på en enkel CSS baserad drop-down meny, som är enkel att redigera

Tjabba hej hej!
Är på jakt efter en enkel CSS baserad drop-down meny, och undrar om det är någon som har ett tips på var jag kan hitta en sån, alternativt kanske kan dela med sig av lite kod?

Vore snuskigt tacksam för hjälp!

// Tulle

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem
Skrivet av hemfrid:

Tjabba hej hej!
Är på jakt efter en enkel CSS baserad drop-down meny, och undrar om det är någon som har ett tips på var jag kan hitta en sån, alternativt kanske kan dela med sig av lite kod?

Vore snuskigt tacksam för hjälp!

// Tulle

Slängde ihop en väldigt simpel fiddle lite snabbt. Hoppas den kan ge dig en liten ledtråd på hur man gör
http://jsfiddle.net/fu3yA/3/

Visa signatur

| i7 920 | UD5 | 6GB | 3TB | Intel SSD 80GB | Antec P182 |
http://webbutveckla.nu - Blogg om webbutveckling

Permalänk
Medlem
Skrivet av J_ajje:

Slängde ihop en väldigt simpel fiddle lite snabbt. Hoppas den kan ge dig en liten ledtråd på hur man gör
http://jsfiddle.net/fu3yA/3/

Tack som fan för hjälpen ... Den här fungerade lite bättre än de jag provat innan!

Trevlig helg!

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem

http://www.script-tutorials.com/creating-css3-dropdown-menu-4...
Här har du en "färdig". Finns många menyer (och annat) på den här sidan.

Visa signatur
Permalänk
Medlem
Skrivet av hemfrid:

Tack som fan för hjälpen ... Den här fungerade lite bättre än de jag provat innan!

Trevlig helg!

Det är lugnt! Kul att det var till hjälp.

Visa signatur

| i7 920 | UD5 | 6GB | 3TB | Intel SSD 80GB | Antec P182 |
http://webbutveckla.nu - Blogg om webbutveckling

Permalänk
Medlem

Fast jag får fan problem ändå!
Ja, du ser ju själv - hur fixar jag det?

http://jsfiddle.net/T26Nf/

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Avstängd
Skrivet av hemfrid:

Fast jag får fan problem ändå!
Ja, du ser ju själv - hur fixar jag det?

http://jsfiddle.net/T26Nf/

Försök att lösa det själv, det är så man lär sig!

Visa signatur

Student, Webbutvecklare, Dj - Macbook Air i7
Nexus 7: Paranoid - 4.2.1 - M-Kernel - (500/700 GPU/LP) -200mv UV

Permalänk
Medlem
Skrivet av aekblom:

Försök att lösa det själv, det är så man lär sig!

Om jag hade kunnat lösa det, så säger logiken att jag borde ha gjort det. Om det inte är så att jag finner det roande att be folk om hjälp om saker jag redan kan. Men så är ej fallet!

Så tack för en fantastisk input, och ett bra försök att hjälpa, men tyvärr så var det inte mycket till hjälp!

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Avstängd
Skrivet av hemfrid:

Om jag hade kunnat lösa det, så säger logiken att jag borde ha gjort det. Om det inte är så att jag finner det roande att be folk om hjälp om saker jag redan kan. Men så är ej fallet!

Så tack för en fantastisk input, och ett bra försök att hjälpa, men tyvärr så var det inte mycket till hjälp!

Ja fast, du verkar inte ens försöka lösa det själv, du har bara kört på koden du fick och inte gjort något för att anpassa den till ditt fall! Lär dig istället, ta hjälp av grundläggande CSS kunskaper, har du inga, läs på w3 schools el. liknande!

Visa signatur

Student, Webbutvecklare, Dj - Macbook Air i7
Nexus 7: Paranoid - 4.2.1 - M-Kernel - (500/700 GPU/LP) -200mv UV

Permalänk
Medlem
Skrivet av aekblom:

Ja fast, du verkar inte ens försöka lösa det själv, du har bara kört på koden du fick och inte gjort något för att anpassa den till ditt fall! Lär dig istället, ta hjälp av grundläggande CSS kunskaper, har du inga, läs på w3 schools el. liknande!

Jo men jag tror mig känna till någorlunda grundläggande CSS kod. Men om du kollat länken som jag skickat så ser du vad mitt problem är. Problemet är egentligen inte vilken kod jag ska skriva för att få det att fungera som jag vill, utan jag vet inte ens vad felet är!

Så jag har egentligen INGEN aning vad jag ska söka efter, eftersom jag inte vet vad problemet är? Är det ett avståndsfel? Är det margin, padding fel? Är det någon form av positioning (stavning?) ?

Jag har ingen aning. Ja, jag vet att man lär sig mest om man letar efter svaren själv, vilket jag faktiskt gör just nu, men det är mycket enklare att hitta svaren om man vet vad man letar efter.

Det är som att skriva upp en ekvation på 500 tecken och bara få svaret "Det är fel!" - Och om man nu är hyfsat nybörjare på avancerad matematik så är det inte det enklaste att veta var man ska kolla upp felet. Därför frågar man en lärare (typ alla andra kodare här på Sweclockers), och ber dom om hjälp.

Sen kommer en snubbe som du och agerar den spydiga franska läraren som bar antar att ALLA vet och förstår språket du lär ut, och nästan idiotförklarar folk som INTE talar franska flytande och bara ger svaret "Leta upp svaret själv så lär du dig.."

Men tack ändå! Jag får leta någon annanstans!

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem
Skrivet av hemfrid:

Om jag hade kunnat lösa det, så säger logiken att jag borde ha gjort det. Om det inte är så att jag finner det roande att be folk om hjälp om saker jag redan kan. Men så är ej fallet!

Så tack för en fantastisk input, och ett bra försök att hjälpa, men tyvärr så var det inte mycket till hjälp!

Använd den sk Logiken och kolla på koden över vad som kan vara "felet"
T.ex 150 width på parent, ändrat till 60.

Visa signatur

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Permalänk
Avstängd
Skrivet av hemfrid:

Jo men jag tror mig känna till någorlunda grundläggande CSS kod. Men om du kollat länken som jag skickat så ser du vad mitt problem är. Problemet är egentligen inte vilken kod jag ska skriva för att få det att fungera som jag vill, utan jag vet inte ens vad felet är!

Så jag har egentligen INGEN aning vad jag ska söka efter, eftersom jag inte vet vad problemet är? Är det ett avståndsfel? Är det margin, padding fel? Är det någon form av positioning (stavning?) ?

Jag har ingen aning. Ja, jag vet att man lär sig mest om man letar efter svaren själv, vilket jag faktiskt gör just nu, men det är mycket enklare att hitta svaren om man vet vad man letar efter.

Det är som att skriva upp en ekvation på 500 tecken och bara få svaret "Det är fel!" - Och om man nu är hyfsat nybörjare på avancerad matematik så är det inte det enklaste att veta var man ska kolla upp felet. Därför frågar man en lärare (typ alla andra kodare här på Sweclockers), och ber dom om hjälp.

Sen kommer en snubbe som du och agerar den spydiga franska läraren som bar antar att ALLA vet och förstår språket du lär ut, och nästan idiotförklarar folk som INTE talar franska flytande och bara ger svaret "Leta upp svaret själv så lär du dig.."

Men tack ändå! Jag får leta någon annanstans!

Fast nu handlar det inte om någon avancerad ekvation utan grundläggande CSS, du behöver bara pröva dig fram med width, och olika slectors samt "position" så har du löst det! TRE saker att pröva med.

Visa signatur

Student, Webbutvecklare, Dj - Macbook Air i7
Nexus 7: Paranoid - 4.2.1 - M-Kernel - (500/700 GPU/LP) -200mv UV

Permalänk
Avstängd
Skrivet av hemfrid:

Och bara för att du tjatar: http://jsfiddle.net/T26Nf/25/
Här är det löst med en position:relative; samt en position:absolute;

/Albin

Visa signatur

Student, Webbutvecklare, Dj - Macbook Air i7
Nexus 7: Paranoid - 4.2.1 - M-Kernel - (500/700 GPU/LP) -200mv UV

Permalänk
Medlem
Skrivet av aekblom:

Fast nu handlar det inte om någon avancerad ekvation utan grundläggande CSS, du behöver bara pröva dig fram med width, och olika slectors samt "position" så har du löst det! TRE saker att pröva med.

Fast för mig är det en avancerad ekvation, det är det jag försöker få fram!
Men tack för hjälpen iaf... Fast än det blev en liten omväg för att komma dit =P

Visa signatur

Intel Core i5-3570K @ 3.40Ghz / 16 GB ram / 120 GB SSD / 1 TB HDD / Geforce GTX 580 / Acer s273HL 27" LED

- Windows 8? Avgå!

Permalänk
Medlem

Länge sedan jag höll på med CSS. Den här sidan är bra och fungerar än idag. Eftersom den förklarar grunderna på ett enkelt sätt.
http://webdesignskolan.se/css-meny/css_meny.php#meny_grund

Jag föredrar att hjälpa folk än att låta spydig även fast jag gärna ser folk lösa det på egen hand först.