I'm making a new site and I'm trying to replicate the look of Windows 95/98/ME. For navigation, I have something similar to the "start" menu, and I'm trying to use similar hover/active colors. I found good colors, but I can't get it to work correctly. Check out the site to see what I mean:
<!-- m --><a class="postlink" href="http://www.radioactiverabbit.com/os_online/">http://www.radioactiverabbit.com/os_online/</a><!-- m -->
I tested it in Firebird, IE6, and Opera, and they are all having problems. Here's my CSS:
#menuMain {
display: block;
visibility: hidden;
position: absolute;
left: 2px;
bottom: 30px;
padding: 5px;
width: auto;
height: auto;
text-align: left;
background-color: #CDCCCC;
border-width: 2px;
border-color: #CDCCCC;
border-style: outset;
z-index: 4;
}
#menuMain ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding: 0;
margin: 0;
}
#menuMain ul li {
display: list-item;
color: #000000;
line-height: 24px;
vertical-align: middle;
background-color: transparent;
background-position: 2px 2px;
background-repeat: no-repeat;
height: auto;
}
#menuMain ul li:hover, #menuMain ul li:active {
color: #FFFFFF;
background-color: #222299;
}
#menuMain a {
display: block;
width: 150px;
height: auto;
padding: 0 0 0 26px;
text-align: left;
text-decoration: none;
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 500;
background-color: transparent;
border-width: 0;
cursor: pointer;
}
Thanks!
Okay, I found a better way to do it, so I'll just get rid of the list. Guess I should work harder before asking for help. Do0d! That is so totally awesome. That's sweet! Major P|-|@|\|155!!!What's so totally awesome?Your site. To me it's totally awesome the way you're re-creating the windows look. It looks really good.Thanks! I'm gonna try to make some programs for it (text editor, mp3 player). If you have any ideas or suggestions, or you wanna make a program for it, please tell me.
<!-- m --><a class="postlink" href="http://www.radioactiverabbit.com/os_online/">http://www.radioactiverabbit.com/os_online/</a><!-- m -->
I tested it in Firebird, IE6, and Opera, and they are all having problems. Here's my CSS:
#menuMain {
display: block;
visibility: hidden;
position: absolute;
left: 2px;
bottom: 30px;
padding: 5px;
width: auto;
height: auto;
text-align: left;
background-color: #CDCCCC;
border-width: 2px;
border-color: #CDCCCC;
border-style: outset;
z-index: 4;
}
#menuMain ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding: 0;
margin: 0;
}
#menuMain ul li {
display: list-item;
color: #000000;
line-height: 24px;
vertical-align: middle;
background-color: transparent;
background-position: 2px 2px;
background-repeat: no-repeat;
height: auto;
}
#menuMain ul li:hover, #menuMain ul li:active {
color: #FFFFFF;
background-color: #222299;
}
#menuMain a {
display: block;
width: 150px;
height: auto;
padding: 0 0 0 26px;
text-align: left;
text-decoration: none;
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 500;
background-color: transparent;
border-width: 0;
cursor: pointer;
}
Thanks!
Okay, I found a better way to do it, so I'll just get rid of the list. Guess I should work harder before asking for help. Do0d! That is so totally awesome. That's sweet! Major P|-|@|\|155!!!What's so totally awesome?Your site. To me it's totally awesome the way you're re-creating the windows look. It looks really good.Thanks! I'm gonna try to make some programs for it (text editor, mp3 player). If you have any ideas or suggestions, or you wanna make a program for it, please tell me.