3 replies [Last post]
Israel213
Offline
Regular
Last seen: 15 years 7 weeks ago
Joined: 2006-06-12
Posts: 13
Points: 0

Ok, I've been working on this site a while and I'm having problems again.

1.-For some odd reason I have a purple border around my link that's id'ed as "#Metro" in my CSS and I don't know why.

2.-I've tried re-aranging my CSS & html but when I move my #footer the #metro link goes off the page and vice versa.

Any suggestions?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-us">
<head>
<!-- This Page Is Valid XHTML 1.0 Strict! -->
  <meta http-equiv="content-type"
content="text/html; charset = iso-8859-1;" />
  <meta name="date" content="2006 June 16" />
  <title>Christie Thornton, Making Home Buying Enjoyable.</title>
  <style type="text/css">
* {
margin: 0;
padding: 0;
list-style: none;
font-style: normal;
font-weight: normal;
}
body {
padding-top: 10px;
background: #666 url("http://israel.clawz.com/GreyCkBrd2.bmp");
}
#container {
width: 850px;
height: 600px;
margin: 0 76px;
background: url("http://www.angelfire.com/linux/2130/Christie2.gif") no-repeat;
font-family: "Times New Roman", Times, serif;
}
#header {
width: 700px;
height: 100px;
margin-bottom: 1px;
padding: 5px 10px;
}
#header h1 {
color: #d1d1d1;
line-height: 26px;
font-size: 30px;
font-weight: bold;
}
#header h2 {
color: #000;
line-height: 20px;
font-size: 20px;
font-weight: bold;
}
#header address {
display: inline;
line-height: 16px;
font-size: 14px;
font-weight: bold;
}
#navigation {
line-height: 40px;
width: 720px;
height: 40px;
text-align: center;
}
#navigation ul,li {
display: inline;
}
#navigation li {
border-left: 0px solid #d1d1d1;
padding-left: 25px;
}
#navigation li:first-child { /* not supported by MSIE */
border-left: 0;
padding-left: 0;
}
#navigation a {
color: #d1d1d1;
line-height: 40px;
font-size: 22px;
font-weight: bold;
text-decoration: none;
}
#script
{
margin: 0 345px;
line-height: 145px;
}
#Metro a {
margin: 0 43px;
line-height: 560px;
height: 25px;
width: 50px;
}
#Metro p #footer {
line-height: -20px;
}
#footer a {
margin: 0 725px;
color: #000000;
line-height: -200px;
font-size: 20px;
fontweight: bold;
text-decoration: none;
font-style: italic } </style>
</head>
<body>
<div id="container">
<div id="header">
<h1>The Friendliest Way to Make Your Dreams Come True</h1>
<h2>Christie Thornton</h2>
<address>
Phone: (770) 555&ndash;1212<br />
Cell: (770) 555&ndash;2121<br />
Email: 
</address>
<!-- Address element used because the information refers to calling and electronic mailing addresses. Character entity U+2013 is the en dash, used between numbers. -->
</div>
<!-- #header -->
<div id="navigation">
<ul>
  <li><a href="http://www.christiethornton.com/">Home</a></li>
  <li><a href="http://www.christiethornton.com/">Listings</a></li>
  <li><a href="http://www.christiethornton.com/">Development</a></li>
  <li><a href="http://www.christiethornton.com/">Neighborhoods</a></li>
  <li><a href="mailto:[email protected]">Contact
Me</a></li>
</ul>
<div id="script">
<script language="JavaScript">
<!-- Begin
{
new_window = open("","displayWindow","width=500,height=400,left=10,top=10");
// open new document
new_window.document.open();
// Text of the new document
// Replace your " with ' or \" or your document.write statements will fail
new_window.document.write("<html><title>JavaScript ScrollBar Code</title>");
new_window.document.write("<body bgcolor=\"#FFFFFF\">");
new_window.document.write("<br>");
new_window.document.write("<html><br>");
new_window.document.write("<body><br>");
new_window.document.write("<script language=\"JavaScript\"><br>");
new_window.document.write("<!--<br>");
if (c_form.BaseColor.value != "")
{
new_window.document.write("document.body.style.scrollbarBaseColor='"+document.c_form.BaseColor.value +"'");
new_window.document.write("<br>");
}
if (c_form.ArrowColor.value != "")
{
new_window.document.write("document.body.style.scrollbarArrowColor='"+document.c_form.ArrowColor.value +"'");
new_window.document.write("<br>");
}
if (c_form.DarkShadowColor.value != "")
{
new_window.document.write("document.body.style.scrollbarDarkShadowColor='"+document.c_form.DarkShadowColor.value +"'");
new_window.document.write("<br>");
}
if (c_form.FaceColor.value != "")
{
new_window.document.write("document.body.style.scrollbarFaceColor='"+document.c_form.FaceColor.value +"'");
new_window.document.write("<br>");
}
if (c_form.HighlightColor.value != "")
{
new_window.document.write("document.body.style.scrollbarHighlightColor='"+document.c_form.HighlightColor.value +"'");
new_window.document.write("<br>");
}
if (c_form.ShadowColor.value != "")
{
new_window.document.write("document.body.style.scrollbarShadowColor='"+document.c_form.ShadowColor.value +"'");
new_window.document.write("<br>");
}
if (c_form.dlightColor.value != "")
{
new_window.document.write("document.body.style.scrollbar3dlightColor='"+document.c_form.dlightColor.value +"'");
new_window.document.write("<br>");
}
new_window.document.write("<br>--><br>");
new_window.document.write("</script><br />
<center>
<textarea name="text_area" cols="45" rows="5">Ok
Bryant, I got the scroll bar. Didn't know how exactly you wanted it
though. Still needs some work, I gotta figure out how to make this text
static so people can't earse and type *beep* in here. Let me know what
other changes you would like made. &lt;jc&gt;
</textarea></center>
</div>
</div>
<!-- #navigation -->
<div id="Metro">
<p><a href="http://www.metrobrokers.com/"><img
name="Metro" src="http://israel.clawz.com/metro.gif" /></a></p>
</div>
<div id="footer">
<a href="http://www.mutat.net/">mutat.net</a> </div>
</div>
<!-- #container -->
</body>
</html>

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 21 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

A Quick Alignment &amp; Border Question

Add #Metro img { border: none; }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Israel213
Offline
Regular
Last seen: 15 years 7 weeks ago
Joined: 2006-06-12
Posts: 13
Points: 0

A Quick Alignment &amp; Border Question

Didn't work...?

fberriman
fberriman's picture
Offline
Enthusiast
Reading, England, UK
Last seen: 14 years 22 weeks ago
Reading, England, UK
Joined: 2006-06-02
Posts: 146
Points: 0

A Quick Alignment &amp; Border Question

I grabbed your code and you're not valid anyway. Something's not closed in your scripts, I think, because everything after "<center>" is coloured wrong Smile Incidentally, <center> isn't valid for your DTD. I'd suggest validating everything quickly, and when everything is a-ok, I'm sure the answer will be easy.

btw; changed the last line of script to

new_window.document.write("<br />");</script>

and it started parsing right again. I assume you meant to have the break inside.

-- Frances