different styles for links aren't working

hello. I have defined a:link,a:visited,a:hover,a:active in both #main_nav and header ids. problem is next: a:link and a:visited defined in #content overrides a:link and a:visited defined in #main_nav. what can I do please help.
Sad /*------------main navigation bar*/

#main_nav { 
width: 998px;
border: 0px;
margin-bottom: 50px;
}
 
#main_nav ul {  list-style-type:none; margin:0; padding:0;}
#main_nav li {float: left;}
 
#main_nav a:link,a:visited
{
display:block;
width: 193px;
font-weight:bold;
color: white;
background-color: blue;
text-align:center;

Problem with column heights - TinyFluidGrid

Hi!
I´m somewhat of a newbie to CSS positioning, especially frameworks, and in the quest for knowledge on the topic I decided to try out the http://www.tinyfluidgrid.com/ as a basis for setting up a simple page.

However, I have run into a problem: I want the 3 columns to behave independently concerning the height of the content like this example: http://watland-berntzen.no/nuTool/imgs/3columnLayout.png, (heeey, niiice!)so that regardless the size of your image height the images will align vertically.

Text overlapping when I zoom out

Hello,
I'nearly finished this website for a friend of mine. It was all going fine until I noticed that on the Models page, when I zoomed out to see how it looked as a whole, the text starts to overlap. Is there anyway of fixing this with CSS or should I use a table or something? Here's my HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (<a href="http://www.coffeecup.com" rel="nofollow">www.coffeecup.com</a>)">
    <meta name="created" content="Tue, 25 Jan 2011 18:14:51 GMT">

background url

Hi All!
Got a little irritating problem going on, and would be grateful if someone could help me out! Smile

I have created a style sheet and the way I link a particular php script to the CSS is by doing the following in the php script:

<style type="text/css" media="screen">
 
@import url("http://www.blahblahblah/styles/style.css");
 
</style>
 
<style type="text/css" media="screen">
 
.content {
 
background:url('../images/bg002.jpg');
}
 
</style> 

Problem with background image repeat

I have an image which has a 20*20 resolution(have attached it), and when i try to repeat it i am getting lines any solution for this guys?? just to be clear i am attaching the screen of the lines i am talking about

thank you in advance Smile

Syndicate content