[CSS] Green Goes Around Every Link [CSS]

Status
Not open for further replies.

brsy

nah mang
May 12, 2011
1,530
272
Okay, long story short, every link that I have on my site has green around it. I would like the twitter image to NOT have green around it. Take a look here:

Here is my test.php:
Code:
<html>
<title> PelicanVille :: Under Construction </title>
<?php include 'templates/nav.php'; ?>
<head>
<b> Under Mantainance </b>
</head>
<center><p> The PelicanVille webiste is currently under construction. We will try our best to finish this website, assuring that it will be organized, neat, and up to date. To check our progress on the website, please visit our <b>Twitter Page</b>, by clicking the twitter image below.</p>
<a href="http://twitter.com/PelicanVille"><img src="/images/twitter.png" border="0"></a>
</center></html>

Here is my nav.php:
Code:
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:243px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf22;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}

</style>
</head>
<body>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="test.php">Fruit Decore</a></li>
<li><a href="test.php">Contact</a></li>
<li><a href="test.php">About Us</a></li>
</ul>
</body>

Thanks for the help in advance

xTriick
 

Dzetki

The Prodigal Son Returns
Jul 16, 2010
990
220
Code:
a:link,a:visited
{
display:block;
width:243px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf22;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
remove that part and the green should dissappear, but yet again. Your navigator would turn to general state.
 

Myrax

New Member
Sep 14, 2011
11
10
I don't understand what your question(s) is. You've just stated that your links are green, is that a problem?

Below is the section of CSS that is causing the 'greenness', the background-color property is what's causing this effect. You can either change the colour or remove the line completely. However if you do change it, please ensure that color is also updated, so that your links have a readable text (especially if placed on a background)

If you have any other problems, please post.

PHP:
a:link,a:visited
{
display:block;
width:243px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf22;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

a:hover,a:active
{
background-color:#7A991A;
}
 

Dzetki

The Prodigal Son Returns
Jul 16, 2010
990
220


Code:
Navigator:link {background-color:#B2FF99;}
Navigator:visited {background-color:#FFFF85;}
Navigator:hover {background-color:#FF704D;}
Navigator:active {background-color:#FF704D;}

Just remember to create a #Navigator class around them. And remove all these:

Code:
[FONT=Consolas]a:link,a:visited[/FONT]

[FONT=Consolas]{ display:block; width:243px; font-weight:bold; color:#FFFFFF; background-color:#98bf22; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } a:hover,a:active { background-color:#7A991A; }


Remember to edit the CSS for your own liking.
[/FONT][/CODE][/COLOR][/FONT]
 
Status
Not open for further replies.

Users who are viewing this thread

Top