Welcome Guest ( Log In | Register)



 
 Reply to this topicStart new topic
> Font Tag Interfears With Css
Compute
post Dec 19 2005, 08:25 PM
Post #1


Premium Member
********

Group: Members
Posts: 182
Joined: 27-August 05
Member No.: 11,179
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.

(list)

Go to the top of the page
 
+Quote Post
Tyssen
post Dec 19 2005, 10:19 PM
Post #2



***********

Group: Members
Posts: 1,161
Joined: 9-May 05
From: Brisbane, QLD
Member No.: 6,818
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; }

(list)

Go to the top of the page
 
+Quote Post
chriswsk
post Dec 21 2005, 07:25 AM
Post #3


Newbie [Level 2]
**

Group: Members
Posts: 28
Joined: 15-December 05
Member No.: 15,761
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.

(list)

Go to the top of the page
 
+Quote Post
« Next Oldest · HTML, XML etc.. · Next Newest »
 

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Browser Altering Font Size(6)


 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 13th October 2008 - 12:45 AM
Powered By IP.Board © 2008  IPS, Inc.
Licensed to: Xisto Corporation