Compute 0 Report post Posted December 19, 2005 Here is my website: http://forums.xisto.com/no_longer_exists/As you can see I added a small navigation bar under the flash navigation. So That i could add more links.Anyway I want the text in that small navigation bar (table) to be Black.But I want the text of the page to be White.But when i change the css to black I cant see the text of the page.When i change it to white I cant see the text on the navigation bar.And when I make it black in the css file then I put a font tag to make the text of the page white nothing happens.What can I do.This is my Index: <html><head><title>.::Chronox Design::.</title><META name="description" content="The site of game studio, Chronox Design. Find information on our games and current projects."> <META name="keywords" content="web design,chronox design, chronox, design, game, games, staff, game dev, game development, game studio, studios, game studios, studio, devlogs, darksider, dark elusive, innovation"></head><body topmargin = 0 leftmargin = 0 background="fiber.gif"><link rel=stylesheet href="style.css"><table align=center style="border-collapse:collapse" border=0 width=780><tr><td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="780" height="200" id="banner" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="chronoxbanner.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="chronoxbanner.swf" quality="high" bgcolor="#000000" width="780" height="200" name="banner" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://http://www.adobe.com/special/errorpages/404.html; /></object></td></tr><tr><td><div align="left"><table border="1"><td width="799" height="20" background="navigaton.jpg"> <a href="tutorials.html"><B>Tutorials</B></a> <a href="tutorials.html"><B>Games</B></a> <a href="tutorials.html"><B>Downloads</B></a> <a href="tutorials.html"><B>Screenshots</B></a></td></table><br><font color="white">Welcome to Chronox Design we are team of game developers and web designers working to help you out and entertain you.The video games are free ,but the Web sites come for a cost.Web Design will cost 50 dollars a website for no hosting ,but the template with the information.No PHP or Javascript.</font></td></tr></table></body><footer><div align="center"><script type="text/javascript"><!--google_ad_client = "pub-2027686064939539";google_ad_width = 120;google_ad_height = 60;google_ad_format = "120x60_as_rimg";google_cpa_choice = "CAAQxZqazgEaCMOiwb9yonQWKIHD93M";//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><script type="text/javascript"><!--google_ad_client = "pub-2027686064939539";google_ad_width = 728;google_ad_height = 90;google_ad_format = "728x90_as";google_ad_type = "text";google_ad_channel ="";google_color_border = "000000";google_color_bg = "F0F0F0";google_color_link = "0000FF";google_color_url = "008000";google_color_text = "000000";//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></div></footer></html> This is my style.css:* {color: #000000;font-family: Verdana;font-size: 9px;}input, textarea, select {color: #000000;background: #000000;border: solid #FFFFFF 1px;}a {text-decoration: none;text-transform: none;color: #828282;}a:hover {text-decoration: none;text-transform: none;color: #828282;}body, iframe, select, textarea { scrollbar-face-color: #000000;scrollbar-shadow-color: #828282;scrollbar-highlight-color: #000000;scrollbar-3dlight-color: #828282;scrollbar-darkshadow-color: #000000;scrollbar-track-color: #000000;scrollbar-arrow-color: #828282;} How do I make it so that the Links on the navigation bar are Black and the Text on the page are white.Also if anyone know hwo to fix it so that on the navigation I hover over 1 of the links i want it to turn red. I kind of messed around with the css so I lost that feature.Thanks for all the help. Share this post Link to post Share on other sites
Tyssen 0 Report post Posted December 19, 2005 You give your navigation links their own class, eg: <a class="navlinks" href="tutorials.html">Tutorials</a>/*CSS*/a.navlinks { color: whatever; font-weight: bold; } Share this post Link to post Share on other sites
chriswsk 0 Report post Posted December 21, 2005 Different type of tag can use different css classes.Moreover, you can specify the css class to be used in different tag.Then the color of the text can be different. Share this post Link to post Share on other sites
