Main Site Forum Index Forum Rules Members Calendar

InvisionFree - Free Forum Hosting
Free Forums with no limits on posts or members.

Learn More · Sign-up for Free
Welcome to NeoPound.com Forums. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Name:   Password:


 

 Coding [help Rollover Menu On Petpage Problem]
Track this topic | Email this topic | Print this topic
Sheep
Posted: Apr 21 2012, 11:41 PM


^Pervert ・ω・
*

Group: Members
Posts: 1,711
Member No.: 993
Joined: 20-July 06
My Friend needs help! So here it is:

Alright so the problem is my rollover menu.
Under 'nested' I cant get the code to do two things

1. cascade downwards isntead of up
2. put more than two buttons or it'll overlap

here is what I want it to be like
user posted image


I checked my tags, I fiddled with the code for a few hours, and I'm not an expert and well... I want figure it out.

the derpy images for the background of the menu lol you can ignore those it's ugly so I know ehere everything is OTL

but yeah...

I cant get it to... work right. Any solutions?
feel free to decipher my code please. I'm no good with coding so there might be a mistake. PetPage


--------------------

Tell them now your pleasure's set upon slow-release
【✖|Deviantart】
Top
Dodoro
Posted: Apr 22 2012, 12:29 AM


I Am Your Neighbor
Group Icon

Group: Board Moderators
Posts: 3,407
Member No.: 4,844
Joined: 23-May 07
CODE
<style>
#navigation {
background: url("http://images.neopets.com/neoboards/boardIcons/fanclubs.png");
height: auto;
width: 100px;
margin-top: 10px;
margin-left: 500px;
border: 1px solid lime;
}
#button {
font-family: lucida console;
width: 100px;
float: left;
text-align: center;
overflow: visible;
height: 16px;
border-bottom: 1px solid red;
font-size: 8pt;
letter-spacing: 2;
}
#button:hover {
background: url("http://images.neopets.com/images/htmltonu.gif");
color: #7CE7FA;
}
#button ul {
display: none;
margin-top: 4px !important;
margin-left: -2px;
width: 100px;
background: url("http://pets.neopets.com/cpn/Maisy_cow/1/2.png");
color: black !important;
border-right: 1px solid green;
border-left: 1px solid cyan;
}
#button:hover ul {
display: block;
padding-left: 0px;
}
#button li {
list-style: none;
width: 100px;
background: url("http://images.neopets.com/neoboards/boardIcons/avatars.png");
height: 16px;
color: black;
border-bottom: 1px solid black;
}
#button li:hover {
color: #E5FA7C;
background: url("http://images.neopets.com/neoboards/boardIcons/evil.png");
cursor: default;
}
.inner li {
list-style: square;
margin-left: 0px !important;
}
.strong li {
display: none;
color: red !important;
margin-left: 102px;
top: -17px;
}
.strong:hover li {
display: block !important;
}
.strong li:hover {
color: lime !important;
}
.top {
border-top: 1px solid orange;
}
.inner {
width: 450px;
height: 650px;
overflow: auto;
}
div:hover, div:active {
cursor: default;
}
tbody, .sf {
display: none;
}
</style>
<div id="navigation" style="position: absolute;">

<div id="button">
C
<ul>
<li class="top">SECOND C</li>
<li>idk</li>
<li>idk</li>
<li class="strong">
NESTED
<ul>
<li id="button" style="position:relative;"> CCC HI </li>
<li id="button" style="position:relative;">Why is it doing this</li>
<li id="button" style="position:relative;">UGH WHY ME</li>
</ul>
</li>
</ul>
</div>

</div>


Things that were changed:

QUOTE
.strong li {
display: none;
color: red !important;
margin-left: 102px;
top: -17px;
}

QUOTE
<li id="button" style="position:relative;"> CCC HI </li>
<li id="button" style="position:relative;">Why is it doing this</li>
<li id="button" style="position:relative;">UGH WHY ME</li>

That's it.


--------------------
Top
Sheep
Posted: Apr 22 2012, 01:21 AM


^Pervert ・ω・
*

Group: Members
Posts: 1,711
Member No.: 993
Joined: 20-July 06
'thanks so much, that's really helpful and it works great now~!"


--------------------

Tell them now your pleasure's set upon slow-release
【✖|Deviantart】
Top
Dodoro
Posted: Apr 22 2012, 02:47 AM


I Am Your Neighbor
Group Icon

Group: Board Moderators
Posts: 3,407
Member No.: 4,844
Joined: 23-May 07
You're very welcome. :)


--------------------
Top
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
« Next Oldest | Neopian Graphics | Next Newest »
DealsFor.me - The best sales, coupons, and discounts for you

Topic Options



Hosted for free by InvisionFree* (Terms of Use: Updated 2/10/2010) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.0824 seconds | Archive

Neopets Characters © 2000-2011 Neopets, Inc.
All Rights Reserved. Used With Permission
All other content © NeoPound.com

Banner and forum skin coded by Dorothy. Buttons by Ophelia.