Multidesk.be » Forums » Webdesign & graphics » Horizontale menubalk toevoegen in dreamweaver

  • Pagina
  • 1 van 1
0 gasten lezen dit onderwerp.
^ Onderwerp geschreven door Benny2909 op vrijdag 23 september 2011 om 20:49:43.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
Ik ben een poging aan het doen om met dreamweaver een website te maken.
Ik ben gewoon gestart met een online tutorial te volgen en heb dit dus als voorbeeld genomen.
In het begin heb ik gekozen voor "2 column fixed, left sidebar, header and footer" maar nu zou ik graag nog een horizontale menubalk toevoegen.
Bedoeling is dan dat de horizontale menubalk op elke pagina dezelfde is en dat de linkse menubalk dan dienst doet voor de onderverdeling van het gekozen menu.

Nu vind ik echter niet meteen hoe ik een horizontale menubalk kan toevoegen.
Hopelijk kan iemand me dit uitleggen.
^ Reactie #1 geschreven door een gast op zaterdag 24 september 2011 om 03:13:27.
Al eens van Google gehoord?

" horizontale menubalk" en beuzze geven

Opmerking van de crew

Multiquette punt 5;
Reacties als gebruik google e.d. zijn niet gewenst, hier heeft de bezoeker niets aan. Zulke reacties (ook met een sarcastische ondertoon) laat je dus best achterwege.

Of geef een aantal correcte links mee, waar de TS iets mee kan.
Het gaat bij Multidesk.be erom kennis te delen, niet om puzzels op te lossen.

Wheeldigger
Deze tekst werd het laatst bewerkt voor 2.78 % door Wheeldigger op zondag 25 september 2011 om 23:13:15.
^ Reactie #2 geschreven door Benny2909 op zondag 25 september 2011 om 19:03:41.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
Mocht ik het zo simpel kunnen vinden zou ik het hier niet vragen hé. :)
Ik heb reeds gezocht maar vind het niet. :S
^ Reactie #3 geschreven door een gast op zondag 25 september 2011 om 19:25:59.
ik lees toch een paar oplossingen
Try English ??
^ Reactie #4 geschreven door thekid op zondag 25 september 2011 om 22:32:23.
thekid's avatar
Multiviteit: 5273
Moderator

Randinformatie

niet op de gast letten, die vind forums overbodig, en raad meestal google aan, communcatie kan nochtans handig zijn als je het nog leert.


Geef anders eens de link van je online tutorial, en eens de source(html) code van het probleem waar je vast zit :D

A generali kan je ervan uitgaan dat je oftewel een div of een iframe of een frame zou gebruiken wanneer je een een horizontale scrollbar nodig hebt.

Nu is de frame al een paar jaar buiten gebruik en is de iframe handig wanneer je geen server side scripting taal gebruikt (kan je dan op zijn minst een template maken met als doel je iframe). De scrollbar toevoegen aan een div doe je door de afmeting vast te zetten in de div, en de overflow op scroll-x, scroll-y, auto of disabled te zetten in de styles:
- scroll-x = horizontaal,
- scroll-y = verticaal,
- auto = enkel scrolls weergeven wanneer nodig (dat zal dan meestal enkel de verticale zijn tenzij 1 element de totale breedte van uw div overschrijdt),
- disabled = indien er een overflow is, zal je deze niet zien, de tekst loopt door, maar je kan deze niet meer zien omdat ze buiten het viewwindow van de div vallen)

laat maar eens weten of dit helpt of als je nog meer info nodig hebt.

alsook, laat weten of je de codeview van dreamweaver gebruikt, of de WYSIWYG editor
"Human beings make life so interesting. Do you know, that in a universe so full of wonders, they have managed to invent boredom." - Death in Hogfather
^ Reactie #5 geschreven door Benny2909 op maandag 26 september 2011 om 08:23:04.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
Hierbij de source code van wat ik tot nu toe gemaakt heb.

CODE
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Testsite</title>
  7. <link href="twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
  8. </head>
  9.  
  10. <body>
  11.  
  12. <div class="container">
  13.   <div class="header"><img src="images/petals.jpg" alt="petals" width="180" height="226" class="fltlft" /><img src="images/kellbeautelogo.gif" alt="logo" width="500" height="300" /><img src="images/lushly ritual [ comfort zone ].jpg" alt="pic2" width="175" height="226" class="fltrt" /><!-- end .header --></div>
  14.   <div class="sidebar1">
  15.     <ul class="nav">
  16.       <li><a href="http://www.kellbeaute.be">Home</a></li>
  17.       <li><a href="http://www.kellbeaute.be/sitemap.html">Site map</a>
  18.       <li><a href="http://www.kellbeaute.be/feedback.html">Feedback</a>
  19.       <li><a href="http://www.kellbeaute.be/pricelist.html">Price List</a></li>
  20.     </ul>
  21.     <p>&nbsp;</p>
  22.     <p>&nbsp;</p>
  23.     <p>&nbsp;</p>
  24.     <p>&nbsp;</p>
  25.     <p>&nbsp;</p>
  26.     <p>&nbsp;</p>
  27.     <p>&nbsp;</p>
  28.     <p>&nbsp;</p>
  29.     <p>&nbsp;</p>
  30.     <p>&nbsp;</p>
  31.     <p>&nbsp;</p>
  32.     <p>&nbsp;</p>
  33.     <p>&nbsp;</p>
  34.     <p>&nbsp;</p>
  35.     <p>&nbsp;</p>
  36.     <p>&nbsp;</p>
  37.     <p>&nbsp;</p>
  38.     <p>&nbsp;</p>
  39.   </div>
  40.   <div class="content">
  41.     <h1 class="productname">Inleiding<span class="container"><span class="container"><span class="container"></span></span></span></h1>
  42. <p>Hier moet dan de tekst komen die je op je site wil.</p>
  43.     <h3>&nbsp;</h3>
  44. <p>&nbsp;</p>
  45.     <p>&nbsp;</p>
  46.     <p>&nbsp;</p>
  47.     <p>&nbsp;</p>
  48.     <p><!-- end .content --></p>
  49. </div>
  50.   <div class="footer">
  51.     <p> &quot;Copyright © 2010 by Kell Beauté&quot;.</p>
  52.     <!-- end .footer --></div>
  53. <!-- end .container --></div>
  54. </body>
  55. </html>


Dus ik zou onder het logo een horizontale menubalk willen toevoegen zodoende dat de knoppen die nu in de linkse menubalk daarin komen te staan.
Dus de bedoeling is dat de horizontale balk op elke (sub)pagina dezelfde blijft en dat in de linkse menubalk dan de onderverdleing van die pagina komt te staan.

Hopelijk is het een beetje duidelijk :)
Deze tekst werd het laatst bewerkt voor 0.32 % door Wheeldigger op maandag 26 september 2011 om 09:47:50.
^ Reactie #6 geschreven door thekid op maandag 26 september 2011 om 11:06:18.
thekid's avatar
Multiviteit: 5273
Moderator
't is al een stuk duidelijker :D

je wilt dus gewoon dat ipv nu
Menu1
Menu2

wil je
Menu1 Menu2

hebben?
"Human beings make life so interesting. Do you know, that in a universe so full of wonders, they have managed to invent boredom." - Death in Hogfather
^ Reactie #7 geschreven door Benny2909 op maandag 26 september 2011 om 11:11:19.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
ja, dus op de hompage zou idd moeten komen:
Menu1 Menu2

Maar op de ander pagina's zou het dan moeten zijn :

Menu1 menu2

Menu1
Menu2

Dus eigenlijk zoals op deze pagina :
http://www.buderus.be/?language=1&page_id=2893
^ Reactie #8 geschreven door thekid op maandag 26 september 2011 om 11:26:06.
thekid's avatar
Multiviteit: 5273
Moderator
en wat heb je van doen op je server, gebruik je enkel html of kan je ook terugvallen op Server Side Scripting (alla PHP, ASP/ASP.NET, JSP, ...)

Indien enkel HTML zal dit wel een stukje werk zijn om alle pagina's te voorzien met de juiste highlights

Pas op, server side scripting is niet absoluut nodig, je kan evengoed een template in een javascript file steken maar dan maak je het eigenlijk moeilijker dan nodig :D
"Human beings make life so interesting. Do you know, that in a universe so full of wonders, they have managed to invent boredom." - Death in Hogfather
^ Reactie #9 geschreven door Benny2909 op maandag 26 september 2011 om 11:32:49.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
oei, maar daar heb ik eerlijk gezegd geen idee van.
Dit is de eerste website die ik maak.
En ik probeer het zelf te doen omdat het voor mijn schoonzus is die een eigen zaak aan het starten is en geen budget heeft om een professionele website te laten maken.

Waar kan ik die gegevens terugvinden?
Haar domeinnaam is gehost bij Sohosted
^ Reactie #10 geschreven door thekid op maandag 26 september 2011 om 11:37:52.
thekid's avatar
Multiviteit: 5273
Moderator
de details vind je dus hier :)
http://www.sohosted.com/webhosting

en zo te zien ondersteund deze het meeste van de SSS talen, dit kan je toch een serieus stukje vooruithelpen inzake webdesign (je kan template gebruiken die op basis van de parameter de gewenste pagina inlaadt in je beschrijvingsvenster)

dit is in het begin wat wennen, maar het maakt het aanpassen een stuk eenvoudiger (bij een aanpassing hoef je dan enkel je template aan te passen en niet je 10-tallen html pagina's die er overal hetzelfde uitzien) :)

Heb je enige ervaring met programmatie?
"Human beings make life so interesting. Do you know, that in a universe so full of wonders, they have managed to invent boredom." - Death in Hogfather
^ Reactie #11 geschreven door Benny2909 op maandag 26 september 2011 om 11:59:00.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
nee, ik heb absoluut geen enkele ervaring met programmatie.
Zoals ik zei, ik heb een online tutorial gelezen van dreamweaver en heb ook al een een basis tutorial van html gelezen, maar daar blijft het dan ook bij.

Maw, ik ben een absolute leek :-)
^ Reactie #12 geschreven door thekid op maandag 26 september 2011 om 12:16:34.
thekid's avatar
Multiviteit: 5273
Moderator
wel, ik kan voorstellen om de template met u te maken in PHP of ASP.net vanavond, om u zodoende op weg te helpen.

Indien het minder of 10 afzonderlijke pagina's zijn dan kan je het ook met HTML en dan is er geen programmatie voor nodig, enkel veel werk bij het toevoegen van een link of extra pagina of een foutcorrectie.

Het is een beetje zoals je het zelf ziet/wilt ;)
"Human beings make life so interesting. Do you know, that in a universe so full of wonders, they have managed to invent boredom." - Death in Hogfather
^ Reactie #13 geschreven door Benny2909 op maandag 26 september 2011 om 13:04:17.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
Het zou inderdaad schitterend zijn mocht je me hierbij kunnen helpen.
aangezien ik nog niet alle gegevens heb die op de website moeten komen zal het dus vanavond niet lukken, maar ik laat hier nog iets weten van zodra ik alle info heb.

ALvast bedankt voor de hulp. ;)
^ Reactie #14 geschreven door een gast op maandag 26 september 2011 om 19:17:33.
Een pro website valt best mee van prijs als het geen online winkel is.
Bedrag is in te brengen als bedrijfsonkosten.

(en Hier of daar vindt je best wel student die het wil doen vr "zakcentje" ;)

^ Reactie #15 geschreven door Benny2909 op maandag 26 september 2011 om 20:16:40.
Benny2909 heeft nog geen avatar toegevoegd
Multiviteit: 9
Ja, de prijs kan miss wel meevallen, maar als er geen budget meer over is dan moet het op een andere manier he.
En op deze manier heb ik een goeie gelegenheid om iets bij te leren :)
^ Reactie #16 geschreven door steelgate op woensdag 28 september 2011 om 09:03:53.
steelgate's avatar
Multiviteit: 1568
What's up doc !!!
Ik denk dat je beter je menu balk in css maakt, valt ook onder dreamweaver.

TIP: koop deze boek van dreamweaver : Dreamweaver 8 basiscursus webdesign en mx 2004. Zeer handig boek en je bent zo weg met dreamweaver.
Boek kan je hier kopen/bestellen: http://www.hcw.be/
Death is the greatest thing of all that's why we save it 4 last
  • Pagina
  • 1 van 1

Snel-antwoordformulier
Toon uitgebreid antwoordformulier Bericht nalezen Bericht plaatsen