Ja jeg er enig med bromer. Den er enkel og god. Du kunne måske ændre farver og skrifttype, så den blev lidt pænere. Det som bromer siger med at man skal kunne klikke på hele feltet vil nok være bedst, da det måske vil være svært at ramme knapperne hvis det kun er teksten.
Her har jeg ændret lidt på farverne og typografien:
Hvis man skulle følge de "store" mestre inden for design og web-kodning, så bør tabeller heller ikke bruges til menuer. Den slags benytter man DIV til. Jeg sidder netop og fifler med det selv. Hvis jeg finder en løsning, så vender jeg tilbage.
webcreator: Tja, det er altså også lidt et sprøgsmål om religion. Jeg kender folk der aldrig kunne finde på at bruge tabeller, men de er altså brugbare til nogle ting. Hvis man kan kode sin menu i korrekt HTML ved brug af tabeller ser jeg ikke noget argument for at det ikke er en lige så god løsning som en menu med divs.
Nej, du har ganske ret. Jeg har det på samme måde. Men jeg laver alligevel, hvis det er muligt, mine ting med DIV - primært så folk ikke at noget at udsætte på min kode :)
Jeg tror jeg er ved at have en ganske fornuftig løsning - mit eneste problem er nu, at placere drop-down-menuen under hoved-punktet. Men det løser jeg forhåbentligt snarest.
Ja, så absolut. Men lad mig lige vente, til jeg finder ud af at positionere menuen. I øvrigt er koden ikke så pæn endnu. Jeg slamkoder altid i starten :)
sådan er det jo tit :) Nu vil jeg gå iseng, men glæder mig til at se hvad du kommer frem til. Ellers kan du paste koden her så ser jeg gerne IE problemerne når jeg står op :)
Nå, det er ved at blive sent, og jeg vil også i seng. Hermed følger hvad jeg har fået lavet indtil nu : http://powerzone.dk/menu.html
Det er ikke nemt at få til at virke i IE, og det ser da også underligt ud i denne browser. Men prøv at se menuen i Firefox - ser helt korrekt ud. Prøv så at fjerne DocType i koden - så viser IE det også "næsten" korrekt :)
Jeg tror helt bestemt, at det ville være nemmere at lave i tabeller - men nu gik mit forsøg jo i høj grad ud på, at undgå dette. Men hvis du får nogle lyse indfald, så sig endelig til. Kunne jo være rart hvis vi kunne lave en lækker menu, som andre brugere på eksperten kunne bruge. Det efterlyses jo ofte :)
Jeg mangler kun ét problem nu - at få et link til at opføre sig som et div-element (vha. 'display: block' eller lignende). Så fungerer min menu også i IE. http://powerzone.dk/menu.html
HA! Nu har jeg den næsten. Tricket er at lave menu-linksne som DIV og ikke som links. Det betyder desværre, at man får lidt sværere ved at lave hover effekt - men det kan klares med JS. Og samtidig skal man lave linket med en OnClick hændelse. Men jeg arbejder på det.
Jeg har faktisk en funktionel menu nu. Jeg skal bare lige have finpudset koden lidt. Den er primært baseret på DIV og Links - samt en masse CSS og en smule JavaScript. Men den er ret simpel og skulle være nem at integrere.
Ja, så er mit første udkast klar til offentligheden. Jeg må indrømme, at jeg ikke lige har siddet med en lup og kigget efter fejl, men jeg har haft 100 ting omkring mig der også lige skulle klares. Jeg håber at andre vil deltage i den videre udvikling af menuen til glæde for andre Eksperten-brugere.
webcreator: Så vidt jeg husker understøtter både Opera og Safari allerede CSS3-egenskaben opacity, så måske burde du tage den med også?
Jeg ved at nyere udgaver af Gecko understøtter den, så med mindre det er vigtigt for dig at effekten også virker på gamle mozillabaserede browsere, kan du bare erstatte -moz-opacity med opacity. CSS3-udgaven bruger også bare tal mellem 0 og 1 og standardværdien er 1.
Synes godt om
Slettet bruger
27. marts 2005 - 21:01#38
Og den er forresten nu en Candidate Recommendation, og da der allerede er flere browsere, der understøtter den som specificeret, er det rimelig sandsynligt, at den bliver ved med at virke på samme måde i den endelige Recommendation fra W3C. Se http://www.w3.org/TR/2003/CR-css3-color-20030514/#opacity
Kanon Sandbox. Tak for det :) Hvad mener du med, at der bruges tal mellem 0 og 1? Dvs. at den kan være true/false = gennemsigtig/ikke-gennemsigtig. Jeg ville da gætte på at værdien lå mellem 0 og 100. Leger lige med det :)
Hvor IE alpha.opacity bevæger sig mellem 0 og 100, bevæger både css3 opacity og Gecko -moz-opacity sig mellem 0 og 1 og er et decimaltal, f.eks. 0.5 !-)
-- noget helt andet er, hvis man vil manipulere dem med javascript, for så skal man have fat i element.filters.alpha.opacity i IE, og den property findes ikke i andre browsere ...
-- og IE kender også propertyen element.style.opacity, den gør bare ikke det fjerneste ,-(
Synes godt om
Slettet bruger
27. marts 2005 - 22:26#45
Det er selvfølgelig rigtigt.
Til gengæld er der ingen grund til at have alt for meget overflødigt fnidder i sin kode, og da det vistnok kun er ganske gamle mozilla-baserede browsere, der ikke understøtter opacity (og da opgraderingshastigheden er noget højere blandt brugere af alternative browsere) er det nok yderst begrænset, hvor mange brugere, der får noget ud af -moz-opacity.
Derudover er det jo ikke ligefrem noget, der er ødelæggende for menuens funktion, hvis der er browsere, hvor gennemsigtigheden ikke virker, så jeg ville endda have valgt at nøjes med den rene W3C-godkendte opacity, og være tilfreds med at menuen virker i alle de kendte browsere, og at folk der har en ordentlig browser får lidt ekstra guf for øjet.
Roenving > Det er ikke nemt når de forskellige properties enten ikke eksisterer i alle browsere, eller ikke fungerer :)
Sandbox > Det kan jeg godt se, at du har ret i. Men jeg vil nu lade alle 3 være tilgængelige i eksemplet. Så er det op til de enkelte, der benytter løsningen, om de vil fjerne de to overflødige. Personligt nøjes jeg også med 'opacity' :)
À propos opacity har jeg lige opdateret mit eksempel på netop at ændre den glidende, og jeg ville egentlig være taknemmelig, hvis der var nogen, som checkede den ud med f.eks. Opera og Safari (og også de nyeste Geckoer !-)
Ser ret godt ud, Roenving. Jeg har dog kun mulighed for at teste i Firefox - og her spiller det perfekt :)
Synes godt om
Slettet bruger
27. marts 2005 - 22:56#49
Også fint i nyeste Firefox på en Debian Linux.
Jeg ville egentlig også have testet den i Konqueror, men jeg har vist været for grundig i at opsætte Firefox som standardbrowser, for når jeg skriver en adresse i Konquerors adresselinie, åbner den bare siden med Firefox.
Ok, det er jeg glad for :) Så er det bare Mandrake der stinker. Må se at få installeret noget Gentoo
Synes godt om
Slettet bruger
27. marts 2005 - 23:44#55
OK, nu har jeg lavet en testbruger, der ikke har sat Firefox som standard. Konklusionen er, er webcreators menu også virker fint der. (Glemte dog at se efter gennemsigtighed.)
Og roenvings demo virker ikke i Konqueror, så mon ikke menuens gennemsigtighed også fejlede?
jeg er næsten tilfreds - og synes at webceators løsning er rigtig fed, men kan den positioneres vertikalt så den flytter op/ned (følger med op og ned hvis man f.eks har et top der varierer i højde)?
ellers: hvordan gør jeg cellerne i w3schools script klikbare?
roenving/sandbox - vil have points så smid et svar
Synes godt om
Slettet bruger
28. marts 2005 - 09:58#60
Jeg har godt nok ikke afprøvet det, men et hurtigt kig på webcreators kode tyder ikke på at det skulle give nogen som helst problemer, at der er noget før menuen, da den bare er positioneret på det sted hvor den står.
Bare for en ordens skyld skal man nok lige smide en div om selve sidens indhold også og sætte clear: left; på den, så første linie ikke starter længere inde.
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
