CSS Forum

**dyer** · 02-29-2008, 04:53 AM

This my code for this i need to change bg color?

Quote:

<div id="navBar">
<div id="search">
<form action="#">
<label>search</label>
<input name="searchFor" type="text" size="10">
<input name="goButton" type="submit" value="go">
</form>
</div>
<p> </p>

</div>

Any body help me?

**audiomad** · 02-29-2008, 06:52 AM

whats the url?

**Mad182** · 02-29-2008, 06:53 AM

For what?

Code:

 body { background: #F00; }

#navBar { background: #0F0; }

#search { background: #FF0; }

#search form { background: #00F; }

**LadynRed** · 06:31 PM

What EXACTLY are you trying to change the background color of ??

In order to see what's going on, we need to see ALL of the code, hence the question about a URL.

**dyer** · 02-29-2008, 03:27 PM

I'm just creating new site, I'm doing this with Dreamweaver4-->New CSS style sheet. I picked up a default format, In that I need to change the bg color of the title <div>

**Gilligan** · 02-29-2008, 03:45 PM

which div, you're not very clear.

If you mean #title or .title then look for that in the css.

then add

Code:

background-color: red;

or whatever colour you want.

But you need to be very clear of what you want to change.

**dyer** · 01:54 AM

Quote:

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="3col_leftNav.css" type="text/css">
<style type="text/css">

</style>
</head>
<body>
<div id="masthead">
<h1 id="siteName" class="style13">TravelingFool.<span class="style4">info</span></h1>
<p> </p>
<div id="globalNav">
<div align="CENTER"><a href="#">Home</a> | <a href="#">Travel Tips</a> | <a href="#">Accessories</a> | <a href="#">Travel Guide</a>|
<a href="#">Destinations</a>| <a href="#">Contact Us</a>| <a href="#">Partners</a>
</div></div>
<h2 id="pageName"> <script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </h2>
<div id="breadCrumb">
</div>
</div>
<div id="navBar">
<div id="search">
<form action="#">
<label>search</label>
<input name="searchFor" type="text" size="10">
<input name="goButton" type="submit" value="go">
</form>
</div>
<div id="sectionLinks">
<h3>Ariticles</h3>
<ul>
<li><a href="#">Travel Maps</a><a href="#">Travel Gudie</a></li>
<li><a href="#">travel Tourism</a></li><li><a href="#">Air travel Tips</a></li><li> <a href="#">CriuseTravelTips</a></li><li> <a href="#">Ground Travel</a></li><li><a href="#">Accessories</a></li><li><a href="#">Equipements</a></li></ul>
</div>
</div>

<div id="headlines">
<h3>Relates Sites</h3>
<p align="left"><strong> </strong> <a href="http://www.chinasight.org/"><span class="style8">China Sights </span></a><strong> <span class="style7">: </span></strong><span class="style9">The sights of China,information of tourist attractions in China,welcome to visit China!<strong><strong> </strong><strong></strong></strong></span></p>
<p align="JUSTIFY"><strong><span class="style7"><strong><u><a href="http://www.5-starhotels.org/"><span class="style12"><u>5 Star hotels</u></span></a></u><font color="#800000"> :</font> </strong></span></strong><span class="style7"><span class="style9"><font color="#400040">We offer complete packages as well as cheap deals on air tickets, cabins anywhere in the world. so much to offer for everyone. It's your tranquil retreat from the real world!</font></span></span><strong><span class="style7"><strong><br>
</strong></span></strong><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<div id="advert">
<img src="../Owen/Travelingfool.info/images/online_game.jpg" alt="" width="172" height="108">
</div>
</div>

<div id="content">
<div class="feature">
<img src="../Owen/Travelingfool.info/images/bonus_bg.jpg" alt="" width="244" height="180">
<h3 class="style5">Travel</h3>
<p align="JUSTIFY">
Many have been dreaming of once in a lifetime travel abroad. But sadly,
only a portion of them can afford it. The rest remain waiting, hoping,
and dreaming that one day they would have a shot for a vacation travel.
Before leaving for a trip many individuals will take great care in
planning all aspects of their vacation. They will often carefully
research their travel options and choose everything to make sure it
fits within a scheduled itinerary so that nothing is missed. However,
there are certain unexpected events that can happen on any trip which
cannot be planned for.</p>
</div>
<div class="story">
<h3><span style="color: rgb(49, 51, 59); font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 13px;">What's The Site About ?</span></h3>
<p>
<span class="title2">Travel Tips, Travel Accessories:</span><br>
For some Travelers who are stained out by packing because they cannot able to differentiate what's important....<br>
Travel accessories are used to make our travel Simple & Easier. There are many accessories that are designed exclusively to make you more comfortable like Bags etc., ...</p>
<p> 
</p>
</div>
<div class="story"></div>
</div>

<p> </p>
<div id="siteInfo">
<a href="#">About Us</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | ©2003
Travelingfool.info</div>
<br>
</body></html>

This is the Code I'm creating. i need to change particular heading BG color (<div id="masthead"> ) , how to change? Also need to change Bg color of Search box link & Section links

**chrishirst** · 03-01-2008, 02:34 AM

follow Gilligan's advice in http://www.webmaster-talk.com/css-fo...tml#post553851 but look for "masthead" instead of "title"

**dyer** · 03-01-2008, 04:54 AM

I have tried. but nothing works for that

Could you please where exact I need to place. Give as program

**Gilligan** · 03-01-2008, 06:01 AM

look in 3col_leftNav.css

look for the line that has

#masthead {stuff here} or div#masthead {stuff here}

don't edit the stuff, unless it contains background-color

just add this

Code:

background-color:red;

or whatever the color you want.

so it should end up like this

Code:

#masthead {stuff here; background-color:red;}

If #masthead or div#masthead does not exist, because of some strange reason, then simply add

Code:

#masthead {background-color:red;}

Obviously replace red with the color you want, and 'stuff here' won't actually say stuff here, more lkely to say something like width: and height: etc.

**dyer** · 03-01-2008, 08:43 AM

Thanks for help. but Still it doesn't work. Kindly here is that code particular area I need, Please review it, weather I'm correct.

Quote:

<h1 id="siteName" class="style13">TravelingFool.<span class="style4">info</span></h1>
<p class="style13"><a href="#">Home</a> | <a href="#">Travel Tips</a> | <a href="#">Accessories</a> | <a href="#">Travel Guide</a>|
<a href="#">Destinations</a>| <a href="#">Contact Us</a>| <a href="#">Partners</a> </p>
<div id="globalNav"></div>
<h2 id="pageName">  </h2>
<div id="breadCrumb">
</div>
</div>

**LadynRed** · 03-01-2008, 11:09 AM

Another one who just wants an answer without LEARNING anything.

First of all, you don't even have ANY rules in your CSS for a div called "masthead", so you have to ADD ONE!

Add this to your styles:
#masthead{
background: #8b4513;
}

Now, go LEARN how to write CSS and stop relying on Dreamweaver to do things for you - you learn NOTHING that way.

**dyer** · 03-01-2008, 03:08 PM

Yeah, Thanks a lot, I have got it