Forum Mjukvara Programmering och digitalt skapande Tråd

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

1
Skriv svar
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å!

Redigera
Citera flera Citera
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

Gå till inlägget

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

Redigera
Citera flera Citera
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/

Gå till inlägget

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å!

Redigera
Citera flera Citera
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

muufoto.se

Redigera
Citera flera Citera
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!

Gå till inlägget

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

Redigera
Citera flera Citera
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å!

Redigera
Citera flera Citera
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/

Gå till inlägget

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

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av aekblom:

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

Gå till inlägget

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å!

Redigera
Citera flera Citera
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!

Gå till inlägget

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

Redigera
Citera flera Citera
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!

Gå till inlägget

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å!

Redigera
Citera flera Citera
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!

Gå till inlägget

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

Min Hemsida

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

Redigera
Citera flera Citera
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!

Gå till inlägget

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

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av hemfrid:

Whine

Gå till inlägget

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

Redigera
Citera flera Citera
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.

Gå till inlägget

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å!

Redigera
Citera flera Citera
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.

Senast redigerat
Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara