basic horizontal menu + submenu + image?

Discussion in 'HTML & Website Design' started by TehColor, Apr 25, 2011.

0
  1. #1
    Hallo DP.

    I been searching for making a basic horizontal menu with submenu and where each click point (<-- can you call it that?) got an image like exampel a click point with the image "Images"

    I been searching google for a while but i find most of the posts i find really hard to understand, because i only have had HTML in 4 weeks in school and we dosn't get expained so much and my website design needs a horizontal menu and sadly we won't get anymore help then the 8 hours class we had in HTML, so we are kinda screwed.

    Well i am designing in Dreamweaver and you can see an image here:

    http://i53.tinypic.com/2d92nwg.jpg (bit big - i blacked out some points of the image due to copyright and name protection) - (website is only for school, so we got other rules for copyright - sorry)

    I want a image like this http://i53.tinypic.com/ua0pc.png (I don't know if i resize it or not yet - i look into that when i have made the menu)

    My folder way to images: "C:\Documents and Settings\Computer\Skrivebord\Min hjemmeside\billedeknap\'name of img'

    I want an menu with 3 non-click points in the top - Exampel: http://i54.tinypic.com/2iqbo0l.jpg

    Reason not to use that is that i want an background that is write and insted of text then images and the only the click point "forside" is click able (means frontsite").

    I hope you will help me, i know i'm new on DP and i bid theres alot people like me which annoy people like you because "they come and go" but i just really hope to get help and i promise to be on after i have made this website, and i can say that for true, because i got other website projects after this with Joomla CMS.

    (CMS not allow in this project)

    To those who help, i add you in the credits on the website (thats never going online)
     
    TehColor, Apr 25, 2011 IP
  2. the-sand-man

    the-sand-man Active Member

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #2
    Google search for superfish. Download and install it, done.
     
    the-sand-man, Apr 25, 2011 IP
  3. TehColor

    TehColor Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hallo.

    I was not allow to use Joomla, which is the reason i use DreamWeaver.

    Sorry i wasn't making my self that clear in the text above.

    I need to make a horizontal menu with submenu (with image as background) in a language like HTML or CSS.

    edit: right now i only got this as my code.
    
<body>
</div>
	</div>
	<div id="navigation">
		<div class="navi"><a href="#blank">forside </a></div>

		<div class="navi"><a href="#blank">om nord</a></div>

		<div class="navi"><a href="#blank">politik </a></div>

		<div class="navi"><a href="#blank">arrangementer </a></div>

		<div class="navi"><a href="#blank">kontakt</a></div>
	</div>
</body>
    Code (markup):
     
    Last edited: Apr 25, 2011
    TehColor, Apr 25, 2011 IP
  4. TehColor

    TehColor Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Okay i got the most done, but why isn't my menu dropping down and showing the others?

    My menu (HTML)
    hxtp://pastebin.com/bCK3vG9s

    This is the CSS to it.
    hxtp://pastebin.com/XUPcXFpY

    Replace 'hxtp' with 'http' (without ')
    and 'Spry.Widget.MenuBar' is being red at the code under that, and it also seem to be missing from CSS and i havn't been able to find missing code and where to put it.

    Any1 help :/ ?
     
    TehColor, Apr 25, 2011 IP