webForum webForum sponsras med lina och serverplats av Binero AB

Gå tillbaka   webForum > Utveckling > Webbutveckling > HTML, XHTML & CSS

HTML, XHTML & CSS Forum för diskussioner/frågor kring XHTML, HTML och CSS.

Svar
 
Trådverktyg Visningsalternativ
Äldre 2006-09-21, 18:47   #1
Popper
Medlem
 
Poppers avatar
 
Registrerad: 2006-09-21
Ort: Estoccholma
Inlägg: 63
Lösningar: 0
fråga FLYTANDE MENY?

Hoppas att jag hamnar i rätt här forum-fråga... JAg tänkte på det som desgin...uhmm...

Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?

Jag har inte hittat nåt färdigt alls. Jag har provat att baka in i men misslyckade....

Jag infogar med html-koder med Menyer-raden, så du kan förklara vart jag ska baka in flytande menyer i dom. Du kan gärna citera/kopiera en meny, och beskriva t.ex. STORA BOKSTÄVA så jag kan se vart det finns som jag måste baka in i o ändra... inte behöva skriva hela... Jag blir enormt tacksam om Du är villig att hjälpa mig...

Länk: Jag vill ha likt som bild nr 3: http://www.xara.com/products/menumak...platepacks.asp
->Här:
HTML-kod:
<div id="globalNav"> 
    <img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl"> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr"> 
    <div id="globalLink"> 
      <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global 
	  link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
      link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
      link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
      link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
      link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
      link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
      link</a> 
    </div> 
    <!--end globalLinks--> 
    <form id="search" action=""> 
      <input name="searchFor" type="text" size="10"> 
      <a href="">search</a> 
    </form> 
  </div> 
  <!-- end globalNav --> 
  <div id="subglobal1" class="subglobalNav"> 
    <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> 
  </div> 
  <div id="subglobal2" class="subglobalNav"> 
    <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> 
  </div> 
  <div id="subglobal3" class="subglobalNav"> 
    <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> 
  </div> 
  <div id="subglobal4" class="subglobalNav"> 
    <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> 
  </div> 
  <div id="subglobal5" class="subglobalNav"> 
    <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> 
  </div> 
  <div id="subglobal6" class="subglobalNav"> 
    <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> 
  </div> 
  <div id="subglobal7" class="subglobalNav"> 
    <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> 
  </div> 
  <div id="subglobal8" class="subglobalNav"> 
    <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> 
  </div> 
</div> 
<!-- end masthead --> 
<div id="pagecell1"> 
  <!--pagecell1--> 
  <img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl"> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr"> 
  <div id="breadCrumb"> 
    <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> /
  </div> 
  <div id="pageName"> 
    <h2>Page Name</h2> 
    <img alt="small logo" src="" height="59" width="66"/> 
  </div> 
  <div id="pageNav"> 
    <div id="sectionLinks"> 
      <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div id="advert"> 
      <img src="" alt="" width="107" height="66" /> Advertisement copy goes here.
      Advertisement copy goes here.
    </div> 
  </div> 
__________________
Nybörjare i dreamweaver!!
Proffig i photoshop annars

Senast redigerad av Popper, 2006-09-21 klockan 19:11
Popper besöker inte forumet just nu   Svara med citat
Äldre 2006-09-22, 19:52   #2
Popper
Medlem
 
Poppers avatar
 
Registrerad: 2006-09-21
Ort: Estoccholma
Inlägg: 63
Lösningar: 0
Är det för svårt eller?
__________________
Nybörjare i dreamweaver!!
Proffig i photoshop annars
Popper besöker inte forumet just nu   Svara med citat
Äldre 2006-09-22, 21:33   #3
wally_91
Medlem
 
Registrerad: 2006-02-24
Ort: Stockholm
Inlägg: 488
Lösningar: 7
Vad menar du med 3e bilden?
wally_91 besöker inte forumet just nu   Svara med citat
Äldre 2006-09-22, 22:31   #4
Mulle
Medlem
 
Mulles avatar
 
Registrerad: 2006-04-16
Inlägg: 113
Lösningar: 1
Citat:
wally_91 skrev:
Vad menar du med 3e bilden?
Om du klickar på följande länk:
http://www.xara.com/products/menumak...platepacks.asp
Och sedan på den andra menyn i det stora fönstret.
Mulle besöker inte forumet just nu   Svara med citat
Äldre 2006-09-22, 22:34   #5
Mulle
Medlem
 
Mulles avatar
 
Registrerad: 2006-04-16
Inlägg: 113
Lösningar: 1
Citat:
Popper skrev:
Hoppas att jag hamnar i rätt här forum-fråga... JAg tänkte på det som desgin...uhmm...

Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?

Jag har inte hittat nåt färdigt alls. Jag har provat att baka in i men misslyckade....

Jag infogar med html-koder med Menyer-raden, så du kan förklara vart jag ska baka in flytande menyer i dom. Du kan gärna citera/kopiera en meny, och beskriva t.ex. STORA BOKSTÄVA så jag kan se vart det finns som jag måste baka in i o ändra... inte behöva skriva hela... Jag blir enormt tacksam om Du är villig att hjälpa mig...

Länk: Jag vill ha likt som bild nr 3: http://www.xara.com/products/menumak...platepacks.asp
->Här:
HTML-kod:
<div id="globalNav"> 
    <img alt="" src="gblnav_left.gif" height="32" width="4" id="gnl"> <img alt="" src="glbnav_right.gif" height="32" width="4" id="gnr"> 
    <div id="globalLink"> 
      <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">global 
	  link</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">global
      link</a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">global
      link</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">global
      link</a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">global
      link</a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">global
      link</a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">global
      link</a> 
    </div> 
    <!--end globalLinks--> 
    <form id="search" action=""> 
      <input name="searchFor" type="text" size="10"> 
      <a href="">search</a> 
    </form> 
  </div> 
  <!-- end globalNav --> 
  <div id="subglobal1" class="subglobalNav"> 
    <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1 link</a> | <a href="#">subglobal1
    link</a> | <a href="#">subglobal1 link</a> 
  </div> 
  <div id="subglobal2" class="subglobalNav"> 
    <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2 link</a> | <a href="#">subglobal2
    link</a> | <a href="#">subglobal2 link</a> 
  </div> 
  <div id="subglobal3" class="subglobalNav"> 
    <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">subglobal3
    link</a> | <a href="#">subglobal3 link</a> 
  </div> 
  <div id="subglobal4" class="subglobalNav"> 
    <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">subglobal4
    link</a> | <a href="#">subglobal4 link</a> 
  </div> 
  <div id="subglobal5" class="subglobalNav"> 
    <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">subglobal5
    link</a> | <a href="#">subglobal5 link</a> 
  </div> 
  <div id="subglobal6" class="subglobalNav"> 
    <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">subglobal6
    link</a> | <a href="#">subglobal6 link</a> 
  </div> 
  <div id="subglobal7" class="subglobalNav"> 
    <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">subglobal7
    link</a> | <a href="#">subglobal7 link</a> 
  </div> 
  <div id="subglobal8" class="subglobalNav"> 
    <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8
    link</a> | <a href="#">subglobal8 link</a> 
  </div> 
</div> 
<!-- end masthead --> 
<div id="pagecell1"> 
  <!--pagecell1--> 
  <img alt="" src="tl_curve_white.gif" height="6" width="6" id="tl"> <img alt="" src="tr_curve_white.gif" height="6" width="6" id="tr"> 
  <div id="breadCrumb"> 
    <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> /
  </div> 
  <div id="pageName"> 
    <h2>Page Name</h2> 
    <img alt="small logo" src="" height="59" width="66"/> 
  </div> 
  <div id="pageNav"> 
    <div id="sectionLinks"> 
      <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div class="relatedLinks"> 
      <h3>Related Link Category</h3> 
      <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related
      Link</a> 
    </div> 
    <div id="advert"> 
      <img src="" alt="" width="107" height="66" /> Advertisement copy goes here.
      Advertisement copy goes here.
    </div> 
  </div> 
Det verkar ju som att du kan ladda ner en demo av menyerna
om du går vidare från din länk.Finns ju både för dreamwaever
och frontpage.
Mulle besöker inte forumet just nu   Svara med citat
Äldre 2006-09-23, 00:00   #6
Popper
Medlem
 
Poppers avatar
 
Registrerad: 2006-09-21
Ort: Estoccholma
Inlägg: 63
Lösningar: 0
Hej Mulle!

Ja det var deamweaver. Jag kopiade en del av det för att visa vad jag vill ändra i. Men försökte ändra till annat layout FLYTANDE MENY, men det funkar inte... så vet ej varför, är bara jäkla nybörjare, men VILL LÄRA MIG
__________________
Nybörjare i dreamweaver!!
Proffig i photoshop annars
Popper besöker inte forumet just nu   Svara med citat
Äldre 2006-09-23, 00:08   #7
Popper
Medlem
 
Poppers avatar
 
Registrerad: 2006-09-21
Ort: Estoccholma
Inlägg: 63
Lösningar: 0
Citat:
Mulle skrev:
Om du klickar på följande länk:
http://www.xara.com/products/menumak...platepacks.asp
Och sedan på den andra menyn i det stora fönstret.

Länken funkar inte här forum (pga "..." det ska vara /templatepacks.asp, men en alt är att du klickar på Xara's product, då det kommer olika bilder av menyer. När du klickar på bilder, så det döker upp ett nytt fönster, då det syns nummer 1 of 26 sådär. Jag pekade ut nr 3 som jag vill ha det ungefärligt.

Detta var inte menade dig som Mulle. dvs.
__________________
Nybörjare i dreamweaver!!
Proffig i photoshop annars
Popper besöker inte forumet just nu   Svara med citat
Äldre 2006-09-25, 02:25   #8
echoSwe
Medlem
 
echoSwes avatar
 
Registrerad: 2004-11-06
Ort: Island
Inlägg: 1 467
Lösningar: 23
För svårt - nä... Men jag förstår, för alla pengar i världen, inte vad du menar... ^^
Citat:
Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?
Dreamwaever? Hmm, låter häftigt... Baka in i? Eh? Jaha!! En flytande meny! Eller?
echoSwe besöker inte forumet just nu   Svara med citat
Äldre 2006-09-25, 17:29   #9
Popper
Medlem
 
Poppers avatar
 
Registrerad: 2006-09-21
Ort: Estoccholma
Inlägg: 63
Lösningar: 0
Citat:
echoSwe skrev:
För svårt - nä... Men jag förstår, för alla pengar i världen, inte vad du menar... ^^
Citat:
Jag använder dreamwaever - färdig design, men jag vill lägga in eller baka in i menyer-raden -> FLYTANDE MENYER varje meny.
Och i kolumner. MEn hur och vart bakar jag in i?
Dreamwaever? Hmm, låter häftigt... Baka in i? Eh? Jaha!! En flytande meny! Eller?

Hur säger man "baka in i" istället för Jag kom på det ordet bara för att "leka med ord" .. som att baka in russin i deg... ja nej, men....

Alltså att ändra från fast menyer till flytande menyer. Det heter så "flytande menyer"
Du klickar på Webforums meny raden: KONTROLLPANELEN - FAQ - MEDLEMSLISTA - KALENDER... etc.. som du ser där uppe i sidan, Det kallar för "FASTA MENYER"
FLYTANDE MENYER betyder att när du drar din mus o pekare på t.ex. FAQ-menyn, där kommer listorna neråt o sen du kan klicka på en av de menyerna, så kommer nya sidan.
__________________
Nybörjare i dreamweaver!!
Proffig i photoshop annars
Popper besöker inte forumet just nu   Svara med citat
Äldre 2006-09-27, 12:35   #10
echoSwe
Medlem
 
echoSwes avatar
 
Registrerad: 2004-11-06
Ort: Island
Inlägg: 1 467
Lösningar: 23
http://www.alistapart.com/articles/dropdowns/

Typ den? Den för tankarna tillbaka till den gamla goda tiden när mörkret (IE) härskade och jag inte var expert på CSS
echoSwe besöker inte forumet just nu   Svara med citat
Äldre 2006-10-11, 13:22   #11
Syd
Medlem
 
Syds avatar
 
Registrerad: 2004-02-24
Inlägg: 492
Lösningar: 16
Flyttas från Design & Grafik
Syd besöker inte forumet just nu   Svara med citat
Svar
webForum > Utveckling > Webbutveckling > HTML, XHTML & CSS

Trådverktyg
Visningsalternativ

Forumregler
Du får inte posta nya trådar
Du får inte posta svar
Du får inte bifoga filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är av
HTML-kod är av

Forumhopp


Alla tider är i GMT +1. Klockan är nu 15:05.


Powered by: vBulletin Version 3.8.6
Copyright © webForum