CSS Forum

**umarkal** · 05:01 PM

Hello

I am having problem linking CSS with HTML

First my CSS file is called custombuild.css

My HTML code are:

HTML Code:

<html>
<head>
<title>Homepage</title>

<link rel="stylesheet" href="custombuild.css" />

</head>	 

<body>
<center><img src="http://www.webmaster-talk.com/images/topandlogo.jpg" width="900" height="140" />
</body>
</html>

My CSS code are:

Code:

#body {
font-family: sana;
font-size: 20px;
background-color: #cccccc;
}

#content {
background-color: #ffffff;
width: 750px;
border: 100px black soild;
}

#soild {
border-style:solid;
width:879px;
height:500px;
border-width:10px;

What have i done wrong. Its not working?

Thanks

**LadynRed** · 11-07-2010, 02:16 PM

Are you sure you have the path to the css file correct?

You're also missing a declaration in your link statement, is should be like this:

Quote:

**umarkal** · 11-08-2010, 03:39 AM

Quote:

Originally Posted by LadynRed

Are you sure you have the path to the css file correct?

You're also missing a declaration in your link statement, is should be like this:

Hello

I have tried that but nothing is happening.

Even if I change the background-color for example, nothing happens?

Thanks

**jonmufc** · 11-08-2010, 03:49 AM

In CSS file. I think that you shold remove "#" out of "#body".

Thanks

**ElmanF** · 11-08-2010, 05:43 AM

Quote:

Originally Posted by jonmufc

In CSS file. I think that you shold remove "#" out of "#body".

Thanks

Seems to be right answer.

And fix soild on solid

**LadynRed** · 11:07 AM

Ok, exactly WHAT are you trying to accomplish? Your CSS doesn't coincide with the HTML you posted. Either give us a link or post ALL of the html and css.

**umarkal** · 11-08-2010, 12:27 PM

Quote:

Originally Posted by jonmufc

In CSS file. I think that you shold remove "#" out of "#body".

Thanks

Hello

Removing # has worked. Thank you for all your help!

I want to have a border to write in it. What is the code?

Is it:

soild {
border-style:solid;
width:879px;
height:500px;
border-width:10px;
}

But that does not work.

Thanks

**radiant_luv** · 03:57 AM

Read what "LadynRed" had posted earlier;

Quote:

Your CSS doesn't coincide with the HTML you posted. Either give us a link or post ALL of the html and css.

If you could do us a favor please post a link/codes and what exactly you trying to achieve. For e.g. border for which element?

As the css you posted,

Code:

soild {
border-style:solid;
width:879px;
height:500px;
border-width:10px;
}

solid is not html element. if you would like to use it as a identifier then it can be either id or class and prefixed with #(for id) or . (for class) and in the html you should be calling the styles through the identifier; something like this should be on place

Code:

<div id="solid">Some demo text </div>

and the css would be

Code:

#soild {
border:solid 10px #ccc;
width:879px;
height:500px;
}

**ElmanF** · 11-09-2010, 03:50 AM

Quote:

Originally Posted by umarkal

Hello

Removing # has worked. Thank you for all your help!

I want to have a border to write in it. What is the code?

Is it:

soild {
border-style:solid;
width:879px;
height:500px;
border-width:10px;
}

But that does not work.

Thanks

Border for what part of page? If for body transfer css code from soild style to body. If for other tag use <tag style="soild">what you want</tag>. And in css before soild you need add dot - .solid { yourstyle;}

**zaynahblaze** · 05:12 AM

Try it.
<HTML>
<HEAD>
<LINK href="special.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<P class="special">This paragraph should have special green text.
</BODY>
</HTML>