Help needed with border and then adding colour

funkynassau · #1 Apr 14th, 2006, 17:56

Hi there,
I am a newbie here looking for some help as well as education!

I am working on a website that has a border down the left side and the area to the right is white, so it's pretty bland looking. I'd like to give the white area some colour or else a pale design so as not to conflict with the border. The border is noted as <body background="whatever.gif"> and I cant figure out where to put in the code for a colour, if I put it above the body background info, it doesnt work, if I put it below, it doesnt work. Maybe I am wording it wrong...what is correct and where does it go? I tried using the colour 6 digit/number with no luck. It's probably so simple I am going to be really embarrassed when someone tells me!!!
Thanks
Funkynassau

sypher · #2 Apr 14th, 2006, 18:21

You cant have a bg colour and a background image, its one or the other.

funkynassau · #3 Apr 14th, 2006, 19:07

Rats! I was afraid someone would say that...thank you for your reply.

Funkynassau

herkalees · #4 Apr 14th, 2006, 20:05

You can with CSS, but you might have to experiment a bit, because every situation is different:

<body style="background: #00ffcc url(images/whatever.gif) repeat-y;">

The above assumes that the .gif isn't as wide as the body of the site; maybe it's a 5px wide border on the left. On the other hand, if it is as wide, you'll have to skinny it up in order for the 6-digit hex color to show up where ever the .gif doesn't cover.

funkynassau · #5 Apr 14th, 2006, 21:21

Thank you, I will give that a try. The border on the left is quite narrow, dunno in px but it's an inch or so on the screen, for whatever that's worth!

Cheers,
Funkynassau

funkynassau · #6 Apr 15th, 2006, 00:00

Hi,
I tried the suggestion above and I get a green background but no border at all. Apparently I am not very good at this portion of my project! Does anyone have some advice for me?

Thanks
Funkynassau

sypher · #7 Apr 15th, 2006, 00:58

try adding:
<body style="background: #00ffcc; url(images/whatever.gif); repeat-y;">

funkynassau · #8 Apr 15th, 2006, 01:06

Unless my eyes are fooling me, that's the same coding that was suggested earlier on and I said it gave me a green screen but no border at all! Any idea what I am doing wrong?

Thanks
Funkynassau

herkalees · #9 Apr 15th, 2006, 01:40

How about you send us a link, or post all your code in between [ CODE ] [ /CODE ] boxes, without the spaces I intentionally put in.

sypher · #10 Apr 15th, 2006, 02:15

The code i added has extra ;

Anyways as herk says, post your code.

funkynassau · #11 Apr 15th, 2006, 18:15

Hi there,
First off let me explain that the site I am working on is for a local music school, the owner has absolutely no idea what she wants on it, all she said to me was - come up with something! I have managed to get some info from the secretary but the site in general is barren. She has not seen the little bit I have done yet, she has not registered a domain name either, so I put the test pages on my own site.

If you look at the Our Staff link you will see the border on the left and the rest of it is white. I'd like to put a colour where the white portion is. The other pages are just me messing around trying to come up with something I might like to show her, so far I am not satisfied with what I have, but I have to start somewhere, and I have to refresh my memory as well. So be kind, please!

http://www.elva-allen.ca/saugeen is the site URL.
Thanks
Funkynassau

sypher · #12 Apr 15th, 2006, 23:23

Have you tried replacing:

Code: Select all

<body background="noteborder3a.gif">

With

Code: Select all

 <body style="background: #000000 url(noteborder3a.gif) repeat-y;">

where #000000 is replace with the hex colour of your choosing.

funkynassau · #13 Apr 15th, 2006, 23:44

I tried it with the first suggestion from yest., but not the one you sent last nite. I havent fiddled with it today, but I plan to do so tonite or tomorrow for sure.

Thanks
Funkynassau

funkynassau · #14 Apr 15th, 2006, 23:55

Hi,
I removed the reference to noteborder3a.gif and replaced it with your suggestion, doing a copy and paste, so I didnt make an error, and I got a solid green page (when I added a hex colour), there is no border at all.

Thanks
Funkynassau

bruno89 · #15 Apr 24th, 2006, 05:56

This is wat i use on a regular basis, dont reli under stand the question but maby this is what your looking for

<body
background="image.gif" valign="top" bgcolor="#ffffff " text="#000000" link="#000000" vlink="#000000"><bgsound src="lb.wma" />

tell me how it goes <3

bruno89 · #16 Apr 24th, 2006, 05:57

sorry i didn't mean to put this bit "<bgsound src="lb.wma" />" you can remove that unless u want a background sound

ukgeoff · #17 Apr 24th, 2006, 10:48

Hi there,

To be honest, I think you are starting this project from the wrong level of knowledge.

I've had a look at your code that is being generated at version html 3.2.

Before going any further, I suggest you have a Google around for some tutorials on writing standards based code.

Learn about seperating style from content.

Learn about structured markup and why you should use it.

Get yourself a decent code editor that can handle css and html or one for each if you prefer. There are plenty of free ones available if you need to keep costs down.

Write your code in at least html 4.01 Strict but as you are obviously new to this, I suggest starting straight in at xhtml 1.0 Strict.

Don't mean to sound as if I'm knocking you but you need to grasp good basics first.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Border colour in Opera	Nimster	Web Page Design	3	Feb 6th, 2008 10:44
Spry Menu Bar, Adding Submenu Border and Submenu semi-Transparent background	ravennaweb	Web Page Design	2	Sep 24th, 2007 14:27
Help Needed urgently! Getting rid of border on linked images	SkyeGospel	Starting Out	6	Aug 6th, 2007 20:32
Help needed for newbie! How can I change the background colour on my website?	angelkelly	Starting Out	15	Feb 20th, 2007 22:28
Scripting Needed(adding pages to pages)	Amari	Classic ASP	1	Sep 4th, 2004 18:06

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Help needed with border and then adding colour