The PokéCommunity Forums

The PokéCommunity Forums (https://www.pokecommunity.com/index.php)
-   Off-Topic (https://www.pokecommunity.com/forumdisplay.php?f=23)
-   -   CSS help, i was redirected here (https://www.pokecommunity.com/showthread.php?t=227230)

redsaber5859 July 28th, 2010 12:56 PM

CSS help, i was redirected here
 
i was directed here on why my CSS wont work, when i paste the code:
Spoiler:
.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}

or...
Spoiler:
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="http://all-roundhack.webs.com" target="_blank" class="top_link"><span>Website</span></a>
</li>
<li class="top"><a href="http://www.pokecommunity.com/showthread.php?t=226418" target="_blank" class="top_link"><span>PC Thread</span></a>
</li>
<li class="top"><a href="http://thepokemonboard.com/showthread.php?p=9938#post9938" target="_blank" class="top_link"><span>PHO Thread</span></a>
</li>
<li class="top"><a href="http://www.pokecommunity.com/showthread.php?t=222928" target="_blank" class="top_link"><span>NikNaks Region Maps (our region mapper, THX!)</span></a>
</li>
</ul>
</div>

i dont know what one is what, or how to properly use them, but i want this menu to work, and i have no clue how to make it work :(

Serene Grace July 28th, 2010 12:57 PM

Is this for a HTML page, or PC CSS?

donavannj July 28th, 2010 12:58 PM

It's a limited CSS that's used here... and it's tied into BBCode.

redsaber5859 July 28th, 2010 12:59 PM

This is for CSS, I made it on a CSS menu making site, and i dunno how to make it work :(

so..... how would i do this with the PC CSS??????? just wondering...

donavannj July 28th, 2010 1:00 PM

Quote:

Originally Posted by redsaber5859 (Post 6012382)
This is for CSS, I made it on a CSS menu making site, and i dunno how to make it work :(

For a webpage or for PC's limited CSS?

'Cause this post can help you if it's PC's limited CSS.

redsaber5859 July 28th, 2010 1:01 PM

its to put in my ROM hacking thread, i want this at the top, here is what it is supposed to look like: link removed by me

...


All times are GMT -8. The time now is 5:22 PM.


Like our Facebook Page Follow us on Twitter © 2002 - 2018 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2016 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.

Acknowledgements
Use of PokéCommunity Assets
vB Optimise by DragonByte Technologies Ltd © 2023.