Colored banner across entire page width?

fadetoblackmm · #1 (**permalink**) 04-13-2007, 08:27 PM

I'm new to this...I came across this site that has a cool colored bar across the top of the page, engulfing some text.
http://www.donghia.com/furniture/

I can color in a cell but I need this to go beyond the outside edges, no sign of it ending on either side..

I use Frontpage 2003 (yeah, I'm that lazy) but I'm sure its some java code....

Appreciate any help.

Lee

ALL · #2 (**permalink**) 04-14-2007, 03:47 AM

play around with this:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Language" content="en-us">
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		<title>Color Example</title>
		<script type="text/javascript">
			function changecolor(color){
				var table = document.getElementById('colortable');
				table.style.backgroundColor='#' + color;
			}
			function changetext(color){
				var table = document.getElementById('colortable');
				table.style.color='#' + color;
			}
		</script>
	</head>
	<body>
		<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
			<tr>
				<td height="100">&nbsp;</td>
			</tr>
			<tr>
				<td height="50">
					<table border="0" style="background-color: #000000" width="100%" cellspacing="0" cellpadding="0" height="100%" style="color: #FFFFFF" id="colortable">
						<tr>
							<td align="center" width="20%" onmouseover="changecolor('0000FF');changetext('FF0000')" onmouseout="changecolor('000000');changetext('FFFFFF')">Blue</td>
							<td align="center" width="20%" onmouseover="changecolor('00FF00');changetext('0000FF')" onmouseout="changecolor('000000');changetext('FFFFFF')">Green</td>
							<td align="center" width="20%" onmouseover="changecolor('FF8800');changetext('FF00FF')" onmouseout="changecolor('000000');changetext('FFFFFF')">Orange</td>
							<td align="center" width="20%" onmouseover="changecolor('FF0000');changetext('0000FF')" onmouseout="changecolor('000000');changetext('FFFFFF')">Red</td>
							<td align="center" width="20%" onmouseover="changecolor('FFFF00');changetext('00FF00')" onmouseout="changecolor('000000');changetext('FFFFFF')">Yellow</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

if you want drop down menus try this site:

http://www.dynamicdrive.com/

thay have some good dropdown scripts, as for changing the color of the dropdown too, (if the one you pick doesnt already) respond and i'll help but please post your code.

-ALL

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Banner request	seowebtools	Graphics & Colors Forum	2	02-21-2007 09:11 PM