Navigation +REP

Kupen · 30-10-2008, 10:11 PM

ive got my navigation but when you open the page it looks like this

http://img128.imageshack.us/my.php?image=pic1vp6.png (check the link cos the pic won't open)

i want it closed or only one open to start

also i can open all of them at once and i only want one to be open at once

Thread moved from 'Technical Problems' by Yoshimitsui (Super Moderator): Please post in the correct section in future.

Fixed image by Meti (Forum Moderator)

iDenning · 30-10-2008, 10:27 PM

I like it alot, can i see the coding for it as i might be able to help you out

**scottish** · 30-10-2008, 10:36 PM

Should be in web designing.

Edited by Meti (Forum Moderator): Please do not tell users that they have broken the forum rules, instead report the post using the report post button.

Kupen · 30-10-2008, 10:39 PM

iDenning · 30-10-2008, 11:01 PM

Mess about with images name, perhaps use png and not PNG try just using /IMAGE/DIRECTORY too? Just have a fiddle

Kupen · 31-10-2008, 07:30 AM

that won't help, theres something wrong with the coding

Jxhn · 31-10-2008, 08:21 AM

Firstly the <div id="content"> should be around the whole menu. Secondly the divs on the menu are completely messed up, you have 7 opening tags, but only 4 closing tags. You need to rewrite it so that each submenu is surrounded by one div.

HTML Code:

<div id="cont">

<img alt="" align="middle" src="../images/Navigation/Habbplanet.PNG" onmouseout="ChangeClass('menu1','menuOut')" onmouseover="ChangeClass('menu1','menuOver')" onClick="SwitchMenu('sub6')" width="197" height="20" /><br />
<div class="submenu" id="sub6" align="center">
<span class="style1">
<a target="main" href="http://habbplanet.com">Homepage</a>
</span><br />
<a target="main" href="#">Meet The Team</a><br />
<a target="main" href="#">About Us</a><br />
<a target="main" href="#">Disclaimer</a><br />
<a href="#" target="main" class="style1">Contact Us</a>
</div>


<img alt="" src="../images/Navigation/Community.PNG" onClick="SwitchMenu('sub7')" width="197" height="20" /><br />
<div class="submenu" id="sub7" align="center">
<a target="main" href="#">Song Of The Week</a><br />
<a target="main" href="#">Weekly Competiton </a><br />
<a target="main" href="#">Weekly Poll </a><br />
<a target="main" href="#">Weekly Newsie</a><br />
<a target="main" href="#">Join The Group!</a><br />
<a target="main" href="#">Status Signatures</a><br />
<a target="main" href="#">Events Schedule</a><br />
<a target="main" href="#">Habbo Imager</a><br />
</div>


<img alt="" src="../images/Navigation/radio.PNG" onClick="SwitchMenu('sub3')" width="197" height="20" /><br />
<div class="submenu" id="sub3" align="center">
<a target="main" href="#">Requests &amp; Shoutouts</a><br />
<a target="_blank" href="#">Timetable</a><br />
<a target="main" href="#">Regular Shows</a><br />
<a target="main" href="#">DJ Applications</a>
</div>



<img alt="" align="middle" src="../images/Navigation/Goodies.PNG" onClick="SwitchMenu('sub9')" width="197" height="20" />
<div class="submenu" id="sub9" align="center"><br />
<a target="main" href="#">Habbo Imager </a><br />
<a target="main" href="#">Display Pics </a><br />
<a target="main" href="#">Backgrounds</a><br />
<a target="main" href="#">Downloads</a><br />
</div>


<img alt="" src="../images/Navigation/Guides.PNG" onClick="SwitchMenu('sub2')" width="197" height="20" /><br />
<div class="submenu" id="sub2" align="center">
<a target="main" href="#">Habbo Club Guide</a><br />
<a target="main" href="#">Editing Your Habbo Look!</a><br />
<a target="main" href="#">Habbo Games</a><br />
<a target="main" href="#">Habbo X Guide </a><br />
</div>


<img alt="" src="../images/Navigation/Forum.PNG" onClick="SwitchMenu('sub1')" width="197" height="20" /><br />
<div class="submenu" id="sub1" align="center">
<a target="_blank" href="#">Visit Forum</a><br />
<a target="main" href="#">Register Now!</a>
</div>

</div>
</body>
</html>

That should hopefully fix the menu. It looks like you've been using a bad html editor. You have html before the doctype and you have numerous body and head tags.

Kupen · 31-10-2008, 01:52 PM

i have been mixing things around with dreamweaver

Kupen · 31-10-2008, 01:58 PM

only one menu opens now when u click but when u first open the page they are all open but when u close them and try to open more than 1 only 1 is there which is what i want,

i just want to figure out how to make them all closed when u first open the page

Edited by Meti (Forum Moderator): Please do not double post, when you simply can edit your first post.

Jxhn · 02-11-2008, 04:53 PM

Originally Posted by Kupen

only one menu opens now when u click but when u first open the page they are all open but when u close them and try to open more than 1 only 1 is there which is what i want,

i just want to figure out how to make them all closed when u first open the page

Edited by Meti (Forum Moderator): Please do not double post, when you simply can edit your first post.

Sorry, forgot about that.

Add

HTML Code:

.submenu
{
display: none;
}

under </style>

Thread: Navigation +REP

Thread Tools

Navigation +REP

Posting Permissions