Jul 26, 2008

Font Tag Interfears With Css

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Font Tag Interfears With Css

Compute
Here is my website: http://www.chronoxdesign.com

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:

CODE
<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://www.macromedia.com/go/getflashplayer" />
</object>
</td></tr>
<tr><td>
<div align="left">
<table border="1">
<td width="799" height="20" background="navigaton.jpg">
&nbsp;&nbsp;&nbsp;&nbsp; <a href="tutorials.html"><B>Tutorials</B></a>
&nbsp;&nbsp;&nbsp;&nbsp; <a href="tutorials.html"><B>Games</B></a>
&nbsp;&nbsp;&nbsp;&nbsp; <a href="tutorials.html"><B>Downloads</B></a>
&nbsp;&nbsp;&nbsp;&nbsp; <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:

CODE
* {
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.

 

 

 


Reply

Tyssen
You give your navigation links their own class, eg:

CODE
<a class="navlinks" href="tutorials.html">Tutorials</a>

/*CSS*/
a.navlinks { color: whatever; font-weight: bold; }

Reply

chriswsk
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.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:


Searching Video's for font, tag, interfears, css
advertisement



Font Tag Interfears With Css



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE