Codegrrl.com Forums > Font colour help

Violinstar.NET

Dec 14 2007, 06:41 AM

Hi. I can't seems to be able to change the colour of the font of the normal pages. For example, http://www.violinstar.net/test.php and http://www.violinstar.net/indexx.php. It's currently in black colour but can I make it such that for every skin, there is a specific font colour?

P.S. I skinned my site using the Codegrrl skinning tutorial.

Martina

Dec 14 2007, 03:33 PM

Your second link does not work,
but usually you can change everything.

You just use another style.css for every skin, where you add the font color.

Violinstar.NET

Dec 15 2007, 02:59 AM

QUOTE(Martina @ Dec 14 2007, 11:33 PM)

Your second link does not work,
but usually you can change everything.

You just use another style.css for every skin, where you add the font color.

Then where do I put my style.css code? I put it on the header1.php file but it doesn't seems to work. You can view the code at http://www.violinstar.net/nav/header1.php

Violinstar.NET

Dec 19 2007, 03:14 AM

Can someone please help me???

Vixx

Dec 19 2007, 08:28 PM

Yes, you can customise every single skin to look different. If the font colour's not changing, but the themes are, then you've simply overlooked something in your stylesheet - revisit your problematic style.css and check you haven't missed something.

As was said before, your second link doesn't work but your hyperlinks are different colours in test.php and header1.php.

Edit: Actually, by looking at this page (http://www.violinstar.net/personal.php - posted in another topic) it looks like you're writing your content in <h2> tags, not <p> - which is probably why it isn't changing.

Violinstar.NET

Dec 20 2007, 06:28 AM

QUOTE(Vixx @ Dec 20 2007, 04:28 AM)

Yes, you can customise every single skin to look different. If the font colour's not changing, but the themes are, then you've simply overlooked something in your stylesheet - revisit your problematic style.css and check you haven't missed something.

As was said before, your second link doesn't work but your hyperlinks are different colours in test.php and header1.php.

Edit: Actually, by looking at this page (http://www.violinstar.net/personal.php - posted in another topic) it looks like you're writing your content in <h2> tags, not <p> - which is probably why it isn't changing.

The style1.css file:

CODE

.BODY {
    FONT-SIZE: 10pt; COLOR: #2C5A50; LINE-HEIGHT: 100%; FONT-FAMILY: verdana
}
.h1 { border-style:none;
     border-width:0;
     padding:1;
     font-size: 14px;
     font-family: verdana, arial, arial-narrow;
     color: #2C5A50;
     font-weight: bold;
     TEXT-DECORATION: underline;
     margin-top: 10;
     margin-bottom: 0;
     }
.h3 { border-style:none;
     border-width:0;
     padding:1;
     font-size: 12px;
     font-family: verdana, arial, arial-narrow;
     color: #2C5A50;
     font-weight: italic;
     TEXT-DECORATION: underline;
     margin-top: 10;
     margin-bottom: 0;
     }
.h2 { border-style:none;
     border-width:0;
     padding:1;
     font-size: 12px;
     font-family: verdana, arial, arial-narrow;
     color: #2C5A50;
     font-weight: normal;
     TEXT-DECORATION: none;
     margin-top: 10;
     margin-bottom: 0;
     }
body {
    background-color: #C8E6DA;
}
#container {
margin: 35px auto;
width: 500px;
}
#header {
width: auto;
}
#content {
width: 380px;
}
#sidebar {
width: 120px;
}
#content {
float: left;
width: 380px;
}
#sidebar {
float: right;
width: 120px;
}
a.menu:link, a.menu:visited, a.menu:active {
    color: #b1274b;
    background-color: #edc6d0;
    display: block;
    font-weight: bold;
    border-right: none;
    text-transform: uppercase;
    text-decoration: none;
    font-family: tahoma;
    font-size:7pt;
    line-height: 9pt;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    border-bottom:none; }

a.menu:hover {
    color: #edc6d0;
    background-color: #b1274b;
    border-right: bold;
    display: block;
    text-transform: uppercase;
    font-family: tahoma;
    font-size: 7pt;
    line-height: 9pt;
    text-decoration: none;
    font-weight: normal;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    }

I set the <h2> style as white font colour. But it still won't work.

Martina

Dec 20 2007, 06:39 AM

remove the dots before the h1, h2 and h3.

Violinstar.NET

Dec 20 2007, 07:07 AM

QUOTE(Martina @ Dec 20 2007, 02:39 PM)

remove the dots before the h1, h2 and h3.

Okay. I removed the dots. It is now like this:

CODE

.BODY {
    FONT-SIZE: 10pt; COLOR: #2C5A50; LINE-HEIGHT: 100%; FONT-FAMILY: verdana
}
h1 { border-style:none;
     border-width:0;
     padding:1;
     font-size: 14px;
     font-family: verdana, arial, arial-narrow;
     color: #2C5A50;
     font-weight: bold;
     TEXT-DECORATION: underline;
     margin-top: 10;
     margin-bottom: 0;
     }
h3 { border-style:none;
     border-width:0;
     padding:1;
     font-size: 12px;
     font-family: verdana, arial, arial-narrow;
     color: #2C5A50;
     font-weight: italic;
     TEXT-DECORATION: underline;
     margin-top: 10;
     margin-bottom: 0;
     }
h2 { border-style:none;
     border-width:0;
     padding:1;
     font-size: 12px;
     font-family: verdana, arial, arial-narrow;
     color: #2C5A50;
     font-weight: normal;
     TEXT-DECORATION: none;
     margin-top: 10;
     margin-bottom: 0;
     }
body {
    background-color: #C8E6DA;
}
#container {
margin: 35px auto;
width: 500px;
}
#header {
width: auto;
}
#content {
width: 380px;
}
#sidebar {
width: 120px;
}
#content {
float: left;
width: 380px;
}
#sidebar {
float: right;
width: 120px;
}
a.menu:link, a.menu:visited, a.menu:active {
    color: #b1274b;
    background-color: #edc6d0;
    display: block;
    font-weight: bold;
    border-right: none;
    text-transform: uppercase;
    text-decoration: none;
    font-family: tahoma;
    font-size:7pt;
    line-height: 9pt;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    border-bottom:none; }

a.menu:hover {
    color: #edc6d0;
    background-color: #b1274b;
    border-right: bold;
    display: block;
    text-transform: uppercase;
    font-family: tahoma;
    font-size: 7pt;
    line-height: 9pt;
    text-decoration: none;
    font-weight: normal;
    margin: 0px;
    padding: 2px 2px 2px 2px;
    }

It still won't work... What do I do next?

Martina

Dec 20 2007, 05:57 PM

For me it works here:
http://www.violinstar.net/personal.php

For any more help from my side, please validate your html and your css first. There are a thousand <head> parts in your file. No wonder, nothing works as you want.

Violinstar.NET

Dec 21 2007, 07:17 AM

QUOTE(Martina @ Dec 21 2007, 01:57 AM)

For me it works here:
http://www.violinstar.net/personal.php

For any more help from my side, please validate your html and your css first. There are a thousand <head> parts in your file. No wonder, nothing works as you want.

There are a lot of <head> tags because I made the site skinned. The original code for personal.php is:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<?php include('header.php'); ?>

</head>
<body>
<div class="container" id="content">
  <h2>Welcome! ViolinStar.NET is currently under construction. You may wish  to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</h2>
  <h2>In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the 3rd and 4th buttons </h2>
  <p><img src="linkbuttons/88x15 (1).gif" width="80" height="15"><img src="linkbuttons/88x15 (2).gif" width="80" height="15"><img src="linkbuttons/88x31 (1).gif" width="88" height="31"><img src="linkbuttons/88x31 (2).gif" width="88" height="31"><img src="linkbuttons/88x31 (3).gif" width="88" height="31"></p>
</div>
</body>

<?php include($footer); ?>
</html>

There's only 1 <head> tag.

Vixx

Dec 21 2007, 08:33 AM

No there isn't. If you look at your source code, it says this:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html><head>

<title> Violin in the Woods </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<link href="/skins/1/stylesheet.css" rel="stylesheet" type="text/css" />
<body>
<div class="h1" id="container">
  <div id="header"><img src="../images/header1.jpg" width="635" height="406"></div>

    <div class="h1" id="sidebar">
      <p>Navigation  </p>
      <p class="menu"><a href="http://www.sweetpatronus.cn/">Sakura</a></p>

      <p class="menu"><a href="http://www.violinstar.net/blog.php">Blog</a></p>
      <p class="menu">Domain</p>
      <p class="menu">Linkage</p>
      <p class="menu">Visitor</p>
      <p class="menu">Contact</p>
      <p>Hostees </p>

      <p class="h2">Eunice</p>
      <p class="h2">Felicia</p>
      <p class="h1">Tagboard</p>
      <p class="h2">
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="125" src="http://www2.cbox.ws/box/?boxid=1118790&boxtag=3030&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1118790&boxtag=3030&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe>
</div>

<p>
  

  </p>
</p>
<p>Affiliates</p>
<p class="h2"><a href="http://www.sweetpatronus.cn">Sweet Patronus</a> </p>
<p class="h1">Of the Moment</p>
<p class="h2">None. </p>

<p class="h3"> </p>
    </div>
</div>
</body>

<hr/><body>
</body>
</html>

</head>
<body>
<div class="container" id="content">
  <h2>Welcome! ViolinStar.NET is currently under construction. You may wish  to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</h2>

  <h2>In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the 3rd and 4th buttons </h2>
  <p><img src="linkbuttons/88x15 (1).gif" width="80" height="15"><img src="linkbuttons/88x15 (2).gif" width="80" height="15"><img src="linkbuttons/88x31 (1).gif" width="88" height="31"><img src="linkbuttons/88x31 (2).gif" width="88" height="31"><img src="linkbuttons/88x31 (3).gif" width="88" height="31"></p>
</div>
</body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>

<hr />

<div class="container">
  <h1 align="left" class="menu">Credits</h1>
</div>
</body></html></html>

so there is CLEARLY more than one.

And you're still writing content text within <h2> tags, which are supposed to be used for headers:

CODE

<h2>Welcome! ViolinStar.NET is currently under construction. You may wish to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</h2>

<h2>In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the 3rd and 4th buttons </h2>

Martina's right: without addressing this first, there's no way we can properly help you with your skinning. Please visit the tutorials suggested and re-code your site.

Violinstar.NET

Dec 21 2007, 12:50 PM

QUOTE(Vixx @ Dec 21 2007, 04:33 PM)

No there isn't. If you look at your source code, it says this:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html><head>

<title> Violin in the Woods </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<link href="/skins/1/stylesheet.css" rel="stylesheet" type="text/css" />
<body>
<div class="h1" id="container">
  <div id="header"><img src="../images/header1.jpg" width="635" height="406"></div>

    <div class="h1" id="sidebar">
      <p>Navigation  </p>
      <p class="menu"><a href="http://www.sweetpatronus.cn/">Sakura</a></p>

      <p class="menu"><a href="http://www.violinstar.net/blog.php">Blog</a></p>
      <p class="menu">Domain</p>
      <p class="menu">Linkage</p>
      <p class="menu">Visitor</p>
      <p class="menu">Contact</p>
      <p>Hostees </p>

      <p class="h2">Eunice</p>
      <p class="h2">Felicia</p>
      <p class="h1">Tagboard</p>
      <p class="h2">
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="125" src="http://www2.cbox.ws/box/?boxid=1118790&boxtag=3030&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1118790&boxtag=3030&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe>
</div>

<p>
  

  </p>
</p>
<p>Affiliates</p>
<p class="h2"><a href="http://www.sweetpatronus.cn">Sweet Patronus</a> </p>
<p class="h1">Of the Moment</p>
<p class="h2">None. </p>

<p class="h3"> </p>
    </div>
</div>
</body>

<hr/><body>
</body>
</html>

</head>
<body>
<div class="container" id="content">
  <h2>Welcome! ViolinStar.NET is currently under construction. You may wish  to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</h2>

  <h2>In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the 3rd and 4th buttons </h2>
  <p><img src="linkbuttons/88x15 (1).gif" width="80" height="15"><img src="linkbuttons/88x15 (2).gif" width="80" height="15"><img src="linkbuttons/88x31 (1).gif" width="88" height="31"><img src="linkbuttons/88x31 (2).gif" width="88" height="31"><img src="linkbuttons/88x31 (3).gif" width="88" height="31"></p>
</div>
</body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>

<hr />

<div class="container">
  <h1 align="left" class="menu">Credits</h1>
</div>
</body></html></html>

so there is CLEARLY more than one.

And you're still writing content text within <h2> tags, which are supposed to be used for headers:

CODE

<h2>Welcome! ViolinStar.NET is currently under construction. You may wish to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</h2>

<h2>In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the 3rd and 4th buttons </h2>

Martina's right: without addressing this first, there's no way we can properly help you with your skinning. Please visit the tutorials suggested and re-code your site.

Okay. For header.php (the one in the root directory):

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<?php
$pathtoskins = "/home/kura/public_html/skins/";
$defaultskin = 1;

if (isset($_COOKIE['myskin']) && file_exists($pathtoskins . $_COOKIE['myskin'] . '/header.php') && file_exists($pathtoskins . $_COOKIE['myskin'] . '/footer.php')) {
   $header = $pathtoskins . $_COOKIE['myskin'] . "/header.php";
   $footer = $pathtoskins . $_COOKIE['myskin'] . "/footer.php";
   $styles = "/skins/" . $_COOKIE['myskin'] . "/stylesheet.css";
} else {
   $header = $pathtoskins . $defaultskin . "/header.php";
   $footer = $pathtoskins . $defaultskin . "/footer.php";
   $styles = "/skins/" . $defaultskin . "/stylesheet.css";
}
include($header);
?><body>
</body>
</html>

For personal.php:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<?php include('header.php'); ?>

</head>
<body>
<div class="container" id="content">
  <p>Welcome! ViolinStar.NET is currently under construction. You may wish  to proceed to <a href="http://www.sweetpatronus.cn">Sweet Patronus</a> before ViolinStar.NET is ready.</p>
  <p>In the meantime, you may want to link us with these buttons. Thanks for <a href="http://diamonddust.daintystar.com">Kitty</a> for the 3rd and 4th buttons </p>
  <p><img src="linkbuttons/88x15 (1).gif" width="80" height="15"><img src="linkbuttons/88x15 (2).gif" width="80" height="15"><img src="linkbuttons/88x31 (1).gif" width="88" height="31"><img src="linkbuttons/88x31 (2).gif" width="88" height="31"><img src="linkbuttons/88x31 (3).gif" width="88" height="31"></p>
</div>
</body>

<?php include($footer); ?>
</html>

The footer.php file in skins/1/:

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<link href="style1.css" rel="stylesheet" type="text/css" />
</head>

<hr />

<div class="container">
<h1 align="left" class="menu">Credits</h1>
</div>
</body></html>

Is that why there are more than 1 <head> tags appearing? Do I need to remove the <head> tag in the header.php file?

Martina

Dec 21 2007, 01:54 PM

Yes, this is why.
You need to remove the <head> tag as well in all other files EXCEPT the header.phps in your skins folder.

This link was already suggested to you: http://celestial-star.net/tutorials/46-php-include/
it tells you everything about php includes. If you read it, you will understand what all is too much in your files.....what php includes are.
Also read the answers to your other 100 threads, where people tried to explain this.

If you have a bag with 1 apple. and you put another bag with an apple into that one bag.
Then you have 2 apples.

It is the same with the <head> parts. They only come into the one header.php in the skins folder.
But before skinning, try to work with includes first.

Violinstar.NET

Dec 22 2007, 12:16 PM

QUOTE(Martina @ Dec 21 2007, 09:54 PM)

Yes, this is why.
You need to remove the <head> tag as well in all other files EXCEPT the header.phps in your skins folder.

This link was already suggested to you: http://celestial-star.net/tutorials/46-php-include/
it tells you everything about php includes. If you read it, you will understand what all is too much in your files.....what php includes are.
Also read the answers to your other 100 threads, where people tried to explain this.

If you have a bag with 1 apple. and you put another bag with an apple into that one bag.
Then you have 2 apples.

It is the same with the <head> parts. They only come into the one header.php in the skins folder.
But before skinning, try to work with includes first.

Oh I see. Thanks! Now it has only 1 <head> tags but the font colour is still not working. What else do I need to do to make it work?

Jamie

Dec 22 2007, 02:46 PM

In your CSS, remove the dot in front of BODY

Violinstar.NET

Dec 23 2007, 05:28 AM

QUOTE(Jamie @ Dec 22 2007, 10:46 PM)

In your CSS, remove the dot in front of BODY

Okay. I remove it. It's still not working. http://violinstar.net/personal.php

Martina

Dec 23 2007, 08:38 AM

Curiously, for me it is working.

Wasn't this thread because you wanted your font color not black anymore?
It is not black anymore, but green-ish.

Vixx

Dec 23 2007, 10:18 AM

It's been green for me since page 1.

Violinstar.NET

Dec 23 2007, 11:42 AM

QUOTE(Martina @ Dec 23 2007, 04:38 PM)

Curiously, for me it is working.

Wasn't this thread because you wanted your font color not black anymore?
It is not black anymore, but green-ish.

After validation, I managed to see the font colour. Thanks a lot for all your help.
I'm just curious, how do I edit the links colour and hover colour?

Martina

Dec 23 2007, 12:18 PM

That, you will find in the link Hitari posted in your other thread:

http://www.w3schools.com/css/css_pseudo_classes.asp

Violinstar.NET

Dec 23 2007, 02:43 PM

QUOTE(Martina @ Dec 23 2007, 08:18 PM)

That, you will find in the link Hitari posted in your other thread:

http://www.w3schools.com/css/css_pseudo_classes.asp

Erm. I added

CODE

a.three:link {color: #2c5a50}
a.three:visited {color: #00000}
a.three:hover {background: #FFFFFF}

into my stylesheet

CODE

BODY {
font-size : 10pt;
color : #2c5a50;
line-height : 100%;
font-family : verdana;
}
a.three:link {color: #2c5a50}
a.three:visited {color: #00000}
a.three:hover {background: #FFFFFF}

h1 {
border-style : none;
border-width : 0;
font-size : 14px;
font-family : verdana, arial, arial-narrow;
color : #2c5a50;
font-weight : bold;
text-decoration : underline;
margin-bottom : 0;
}
h3 {
border-style : none;
border-width : 0;
font-size : 12px;
font-family : verdana, arial, arial-narrow;
color : #2c5a50;
text-decoration : underline;
margin-bottom : 0;
}
h2 {
border-style : none;
border-width : 0;
font-size : 12px;
font-family : verdana, arial, arial-narrow;
color : #2c5a50;
font-weight : normal;
text-decoration : none;
margin-bottom : 0;
}
body {
background-color : #c8e6da;
}
.container {
margin : 35px auto;
width : 500px;
}
#header {
width : auto;
}
#content {
width : 380px;
}
#sidebar {
width : 120px;
}
#content {
float : left;
width : 380px;
}
#sidebar {
float : right;
width : 120px;
}
a.menu:link, a.menu:visited, a.menu:active {
color : #b1274b;
background-color : #edc6d0;
display : block;
font-weight : bold;
border-right : none;
text-transform : uppercase;
text-decoration : none;
font-family : tahoma;
font-size : 7pt;
line-height : 9pt;
margin : 0;
padding : 2px 2px 2px 2px;
border-bottom : none;
}
a.menu:hover {
color : #edc6d0;
background-color : #b1274b;
display : block;
text-transform : uppercase;
font-family : tahoma;
font-size : 7pt;
line-height : 9pt;
text-decoration : none;
font-weight : normal;
margin : 0;
padding : 2px 2px 2px 2px;
}

but it doesn't seems to work at http://violinstar.net/personal.php. Did I do something wrong?
And, I tried making my navigation intosomething like http://www.daintystar.com/learn_custnav.php but it don't seems to work.

uttershambles

Jan 9 2008, 10:57 PM

CODE

a.three:link {color: #2c5a50}
a.three:visited {color: #00000}
a.three:hover {background: #FFFFFF}

You made your links a class so instead of doing

CODE

It would be

CODE

Ash

Jan 10 2008, 03:53 AM

Weren't you told in another thread of yours to take the .three out of your link styles in your stylesheet?

Jamie

Jan 10 2008, 04:28 AM

QUOTE(Ash @ Jan 9 2008, 09:53 PM)

Weren't you told in another thread of yours to take the .three out of your link styles in your stylesheet?

Yes. Closing this topic.