Link to home
Start Free TrialLog in
Avatar of Curtis Long
Curtis LongFlag for United States of America

asked on

HTML Website Set Certain Portions of background to Different Colors

I am working on an HTML webpage and basically have no clue what im doing.  I want to set a small strip of the background to a different color. How do i do this? i cant even find it on Google.
HDM
Avatar of becraig
becraig
Flag of United States of America image

You can either do this with a image (gif /jpg) horizontal and set it as your background so it repeats to to bottom or (easiest)


separate your body into 3 divs and give them separate colors.


Here is a tutorial:

http://www.w3schools.com/html/html_layout.asp
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Curtis Long

ASKER

Yes but see that tells me how to put text in a column.  i just need to put a simple strip of color change, like thisUser generated image
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
i am trying to create a more advanced website for greenerpc.com .  i usually use web matrix and dot net nuke, but i had to use a dell latitude d630 laptop witch will barely support a second monitor, let alone dotnetnuke.  

oh, and by the way, i am an IT manager for the state of Idaho, eastern Idaho and organ potato committee, sip-co, and several other companies in my area, so you don't have to speak simple. just fyi...
Oh, and this is what my website looks like now.User generated image
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
that is the site i am trying to re-create. I am using notepad ++. here is my code.
<html>
<body>
<body background="/images/background 2.jpg">
<FONT FACE="arial">
<title>greenerpc.com</title>
<DIV align="center" style="position: absolute; top:10px; left:400px; width:500px; height:25px">
<head><b><p><h2>
GREENER VALLEY COMPUTER STORE</h2></text></b></head>
<text><p>The future is here!</p></text></span>
<p>
<img border="1" src="/images/logo.jpg" alt="greenerpc" width="467px" height="125px">
<DIV style="position: absolute; top:327px; left:-200px; width:375px; height:25px">
<p><h2><b>H O M E</p></h2></b>
<hr size="2" width="700">
<p><div align="center">
Greener Valley Computer Store is a provider of the<br> future!
Our staff is certified by Intel and Microsoft. We<br> are: Microsoft
Solutions Providers, Certified Novel<br> Administrators, and Intel
Premier Partners.  Authorized<br> Resellers for: Acer, Cisco, Hewlett
Packard, Creative<br> Labs, Microsoft and more. We provide state-of
-the-art<br> computer systems, software, peripherals, computer
networking, systems integration, computer consulting<br>, and more!
In short we offer a complete solution...from start to finish!<br></p></div>

<big><p><b>At Greener Valley Computer Store, the future is HERE!</b></p></big>



 <p></p><p></P><p><div align="left">
 <small>If you would like a price quote on repair, or just have<br> 
 questions, Please E-mail us at: &nbsp;&nbsp;<a href=
 "http://mailto:tech@greenerpc.com" target="_blank">tech@greenerpc.com</a></p><p></p><p></p>
 Greener valley computer store is proud to be your local computer<br> professionals for over 15 years.
 </small></div><DIV style="position: absolute; top:425px; left:-200px; width:500px; height:25px">
 </div></div><div align="right">
 <img border="1" src="/images/greeners 2.gif" alt="greenerpc" width="75px" height="65px">
 
 <small><h4> Your local computer <br> professionals since 1995</h4></small>

Open in new window

SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
You know what makes me wanna cry? I have been tryin this stupid site for almost a week about an hour a day and you duplicated it in an hour? Youre gooooood
So now im finally back to web matrix and am trying to open my code in chrome. it keeps giving me this pageUser generated image
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial