Avatar billede -kris- Praktikant
24. juli 2003 - 08:31 Der er 12 kommentarer og
1 løsning

hvordan laves denne fanebladsmenu?

Hej,

Jeg har lavet en ny hjemmeside. Jeg skulle bruge en fanebladsmenu - MEN det kunne jeg ikke rigtig finde ud af, så jeg har lavet en "nød-løsning", der ligesom giver illusionen om faneblade;-) - Du kan se et eksempel på den her:
http://kristinahenrik.homepage.dk/om_dlk_formaal.htm
Er der nu nogen, der ud fra det jeg har lavet, kan fortælle mig hvordan jeg laver en "rigtig" fanebladsmenu? Der ser (næsten) ligesådan ud? (samme farver etc.)
Er det overhovedt javascript jeg skal bruge??
Håber nogen kan give mig et udførligt svar - da jeg ikke lige er den helt store haj....:-)

Hilsner
Kristina
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 08:47 #1
Personligt synes jeg kun du mangler lidt grafik, der kan få
det til at ligne et faneblad lidt mere.
Avatar billede -kris- Praktikant
24. juli 2003 - 08:51 #2
Jamen hvordan gør jeg.
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 08:57 #3
Et eksempel fra Netscape webmail, der har afrundede hjørner
foroven:

<table BORDER=0 CELLPADDING=0 CELLSPACING=0 HEIGHT=24 BGCOLOR=#E9E9E9>
<tr>
<td ALIGN=LEFT VALIGN=TOP WIDTH=8><img SRC="/include/nc/images/tab_left-inactive.gif" WIDTH=8 HEIGHT=8 ALT=""></td>
<td ALIGN=CENTER VALIGN=MIDDLE>&nbsp;<a HREF="msglist.adp?folder=RHJhZnQ=&start=1&r=36172" CLASS="tab-inactive" >Draft</a>&nbsp;</td>
<td ALIGN=RIGHT VALIGN=TOP WIDTH=8><img SRC="/include/nc/images/tab_right-inactive.gif" WIDTH=8 HEIGHT=8 ALT=""></td>
</tr>
</table>

Altså: hvert faneblad giver en ny tabel i den <td>..</td> du
allerede har. Og så et par GIF-er til at få det til at
se rundt ud
Avatar billede -kris- Praktikant
24. juli 2003 - 09:16 #4
Altså er næsten bange for at skrive det;-) - MEN:
Nu kan jeg ikke lige finde det eksempel du refere til, så jeg kan ikke se hvordan det egentlig ser ud.....
- står teksten "draft" ovenpå gif'en? Hvordan kan den det?
- Hvordan laver man de gif-billeder man skal bruge - og hvordan ser de ud?
- hvad betyder CLASS inden i <a href...>
Jeg ved godt jeg lige nu ikke lyder som den skarpeste kniv i skuffen - bær over med mig;-)

Kris
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 09:37 #5
Jeg har heller ikke lyst til at skære mig på en skarp kniv...
Nej, du kan vel ikke finde mit eksempel, men det var blot i
et andet vindue hos mig - derfor.

Lad mig prøve. Hvert af dine "faneblade" er i dag blot en
<td>...</td>. Du skal i stedet for "..." skrive en <table>
med 3 felter. Det midterste er det store, med teksten, og
de to udenom er gif-er, der får det til at se ud som et
afrundet faneblad.

Har du tålmodighed - der er en opvask der er vigtigere end
dig - laver jeg et eksempel senere.
Avatar billede -kris- Praktikant
24. juli 2003 - 09:59 #6
Tålmodighed - har ikke andet;-) Så jeg venter gerne.
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 10:36 #7
Et lille eksempel:

http://ek0.com/~ej/379260/
Avatar billede -kris- Praktikant
24. juli 2003 - 11:30 #8
Hej igen,

Tusind tak for dit eksempel!
Nu har jeg så lige et par tillægsspørgsmål (SURPRISE):
- hvordan får jeg ændret farve på gif'erne? Når jeg åbner dem i MS Photo editor, kan jeg se at de er hvide buer - men der kan jeg jo ikke ændre dem - når jeg åbner dem i Photoshop eller Paint er de bare hvide firkanter?! (min baggrund er ikke hvid - derfor spørsmålet)
- mindre vigtigt men: hvorfor ændres udseende når jeg taster "enter" i koden lige inden </td> i de td's der indeholder gif'erne?
Er det nogenlunde forståeligt formuleret?

Hilsner
Kris
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 11:34 #9
De hvide firkanter plejer vist at betyde at baggrunden
er "gennemsigtig" (transparent). Du skal kunne ændre selv
farven til noget andet.

Og nej, ingen mellemrum eller linieskift omkring gifferne - det
giver ekstra luft, og vil se anderledes ud.
Avatar billede -kris- Praktikant
24. juli 2003 - 12:52 #10
ØV, det kan altså ikke lykkes for mig at ændre farven i gif'erne. MS photoeditor "ser" dem fint - med en hvid bue på gennemsigtig baggrund. Photoshop og paint "ser" slet ikke at baggrunden er gennemsigtig, men opfatter den som hvid, dvs. hvid bue på hvid baggrund = hvid firkant og så kan jeg kun ændre farven på hele firkanten, og det tjener jo ikke rigtig formålet - ØV altså nu havde jeg ellers lige fattet det med de 3 td's osv.;-)
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 12:56 #11
Hold dig til photoshop. Ikke fordi jeg ved hvordan, jeg
bruge et simplere program fra Corel.
Avatar billede -kris- Praktikant
24. juli 2003 - 15:42 #12
Juhu!
Efter lang tids kæmpen, fandt jeg en funktion i photoshop jeg ikke havde prøvet før (noget med eksporter og noget...) Og efter ca. 100 forsøg, er det nu rent faktisk lykkes mig at lave gif'erne om så buen er gul.
Tro det eller lad være, det lykkedes rent faktisk for mig HELT UDEN HJÆLP!! (se mor uden hænder;-))Og så tog det kun en 4 timers tid!

erikjacobsen> tusind tak for tålmodig hjælp og overbærenhed - smid et svar, du har helt sikkert gjort dig fortjent til pointene:-)
Avatar billede erikjacobsen Ekspert
24. juli 2003 - 15:48 #13
Det er altid en fornøjelse med hjælp til selvhjælp :)
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester