CSS Forum

**web-Inspect** · 11-04-2009, 01:24 AM

I am having issues with my include file displaying correctly. The site is www.phoenixwholesaleproperties.net and the following is the header include file:

HTML Code:

          <td bgcolor="#073B84"> 
            <img src="images/spacer.gif" width="1" height="39" alt="">
        <td bgcolor="#073b84" class="nav">
      <div 
	<a href="index.php">Home</a> | 
	<a href="about_us.php">About us</a> | 
	<a href="register.php">Register</a> | 
	<a href="phoenix_real_esate_investment_properties.php">Properties</a> | 
	<a href="contact_us.php">Contact us</a> 
	  </div>
	     </td>
            </td>

Do you see what the problem is in the code?

**web-Inspect** · 11-04-2009, 01:52 AM

Alright well I got the include file figured out finally. One other thing. The form on the page has a dotted line CSS call. Does anyone know how to control the width of the "dotted line table"?

**lizciz** · 11-04-2009, 02:18 AM

CSS for 3px wide dotted red line.

border:3px dotted #f00;

**web-Inspect** · 11-04-2009, 02:57 AM

No that's the width of the actual dotted line. I'm talking about the width of the entire table that the dotted line makes up.

**web-Inspect** · 11-04-2009, 03:00 AM

Also www.phoenixwholesaleproperties.net/register.php has an issue at the top. You can see the seperation of the image with the keys.

**chrishirst** · 11-04-2009, 03:05 AM

What is "a dotted line CSS call."??

**lizciz** · 11-04-2009, 01:07 PM

Just set the width of the element that have a dotted border, with

width:300px;

If that's not what you mean, I fail to see the problem. Please explain.

**Envision_frodo** · 11-04-2009, 01:49 PM

>> What is "a dotted line CSS call."??

I was wondering the same thing.

>> You can see the seperation of the image with the keys.

It would appear that your image does not fill the containing TD. You could right align the image in the cell and color match the background to the image:

text-align: right;
background-color: yellowish;

or simply stretch/distort the image to fill the cell:

width: 100%;

**web-Inspect** · 11-04-2009, 08:02 PM

The issue was in the css. it had the form table set to 490px. One other issue. If you look at the text on this page, it is all centered. I can't seem to find in the code where it would be causing that. I'm wondering if it also is in the css. Here is the css code:

HTML Code:

body {
	background-color: #FFFFFF;
	margin: 0px;
}
.main {
	text-decoration: none;
	padding: 20px;
	background-color: #F7F7F7;
	border-top: 1px solid #e4e0ea;
	border-left: 1px solid #e4e0ea;
}
.container {
	border-right: 1px solid #e4e0ea;
	border-left: 1px solid #e4e0ea;
}
td {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #959927;
	text-decoration: underline;
	}
a:visited {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #959927;
	text-decoration: underline;
	}
a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #959927;
	text-decoration: none;
	}
.nav {
	color: #c5d2e4;
} 
.nav a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #c5d2e4;
	text-decoration: none;
	}
.nav a:visited {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #c5d2e4;
	text-decoration: none;
	}
.nav a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	}
.left {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.heading {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: 002e70;
	text-decoration: underline;
}
.input {
	font-family : Verdana; 
	font-size : 10px; 
	font-weight : normal; 
	color : #333333; 
	text-decoration : none; 
	background-color : #ffffff; 
	border : 1px inset #cccccc; 
}
.box {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
}
h1 {
	font-size: 12px;
	font-family: verdana, Arial, Georgia, "Times New Roman", Times, serif;
	padding-top:;
	padding-right:;
	padding-left:;
}
h2 {
	font-size: 15px;
	font-family: Trebuchet MS, verdana, Arial, Georgia, "Times New Roman", Times, serif;
	padding-top:;
	padding-right:;
	padding-left:;
}
p {
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 16px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:;
	margin: 0px;
}
form { background-color: #f4f3e5; color: #000000; border-style: dashed; border-color: #363a6c; border-width: 3px;
}

.bodyhead {
	color: #192976; 
	font-size: 13pt;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
	margin-bottom:14px;
	letter-spacing: -1px;
	border-bottom: 1px solid #191970;
}
.formtitle {
color: #192976; 
font-size: 11pt;
font-weight: bold;
font-family : Arial, Helvetica, sans-serif;
margin-bottom:5px;
letter-spacing: -1px;
}
.formgroupheading {
color: #FFFFFF;
font-weight:bold;
  margin: 0px;
  padding: 0px;
  padding-left:5px;
  margin-bottom:5px;
    border: 1px solid #EEEFF6;
background: #636A97;
}
}

.formbox {
 text-align: center;
  margin: 0px;
  padding: 0px;
}

form.bigform {
  margin: 0px;
  padding: 10px;
  min-width: 380px;
  max-width: 4250px;
  width: 425px;
  text-align: left;
  border: 1px solid #8289B3;
background: #DEE0EE;
}

.formtitle {
color: #192976; 
font-size: 11pt;
font-weight: bold;
font-family : Arial, Helvetica, sans-serif;
margin-bottom:5px;
letter-spacing: -1px;
}

.formgroup {
  margin: 0px;
  padding: 0px;
  padding-bottom:5px;
  margin-bottom:10px;
  border: 1px solid #8289B3;
background: #EEEFF3;
}

.formgroupheading {
color: #FFFFFF;
font-weight:bold;
  margin: 0px;
  padding: 0px;
  padding-left:5px;
  margin-bottom:5px;
    border: 1px solid #EEEFF6;
background: #636A97;
}

.formrow {
  margin: 0px;
  padding: 1px 20px 1px 20px;
}

.formdivider {
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}

.formdividerline {
margin: 0px;
padding: 0px;
border-top: 1px solid #9FA5C7;
}

.formnote {
font-family: verdana,Tahoma, Arial, sans-serif;
color:#192976;
font-weight:bold;
  font-size: 6pt;
  float:right;
  text-align:center;
  vertical-align: middle;
}

.formnote2 {
padding-bottom:5px;
font-family: verdana,Tahoma, Arial, sans-serif;
color:#192976;
font-weight:bold;
  font-size: 6pt;
  text-align:center;
  text-transform: uppercase;
  text-decoration: underline overline;
}
body.TripleColumn div.bodycontent	{
padding: 0px 5px 0px 5px;
}

body.DoubleColumn div.bodycontent	{
padding: 0px 15px 0px 15px;
}

label.required {
	padding: 0px 0px 0px 17px;
	background: #EEEFF6 url(images/1star_sm_silver.gif) 5px no-repeat;
	overflow:hidden;
}

**lizciz** · 11-05-2009, 01:44 AM

I can't see any centered text, other than the navigation links in the header. Which texts are you refering to?

**web-Inspect** · 11-05-2009, 01:57 AM

not in the form, in the paragraph above the form.

**chrishirst** · 11-05-2009, 03:08 AM

Code:

.formbox {
 text-align: center;
  margin: 0px;
  padding: 0px;
}

AND

Code:

form { background-color: #f4f3e5; color: #000000; border-style: dashed; border-color: #363a6c; border-width: 3px;
}

So.....

Does whatever you use as an editor not have a text SEARCH capability then???????

**web-Inspect** · 11-05-2009, 11:25 AM

.formbox has nothing to do with it. .formbox controls ONLY what is in the form. I text for the entire page (if you looked smart ***) is centered. In fact I want the text within the form to be centered.

**Envision_frodo** · 11-05-2009, 12:13 PM

@lizciz - Try IE, Firefox renders it fine.
@web-Inspect - Most likely the unclosed div in your nav section above:

Code:

<div align="center"

**web-Inspect** · 11-05-2009, 12:19 PM

at what point in the code should I insert the <div> code?

**Envision_frodo** · 12:22 PM

Sorry, clarification: you did not add the ">" to the end of that div. IE is most likely assuming differently than Firefox.

Added: Line 23 in your HTML source.

**web-Inspect** · 11-05-2009, 01:14 PM

I don't see an unclosed div on line 23 or anywhere around it.

**Envision_frodo** · 11-05-2009, 02:09 PM

Line 23 is an estimate based on the html source (not including server script unavailable to me). Here is the relative code, in context:

Code:

         <td bgcolor="#073b84" class="nav">
      <div align="center"
	<a href="index.php"><a href="index.php">Home</a></a> | 
	<a href="about_us.php">About us</a> | 
	<a href="register.php">Register</a> | 
		<a href="phoenix_investment_properties.php">Properties</a> | 
	<a href="contact_us.php">Contact us</a> 
	  </div>
	     </td>

Note the syntax error present in the "nav" cell of your table. The div is missing it's closing bracket. Perhaps this is not your issue; however, it is likely.

**Envision_frodo** · 11-05-2009, 02:15 PM

You also have an unnecessary nested <A> tag:

Code:

<a href="index.php"><a href="index.php">Home</a></a>

Should be:

Code:

<a href="index.php">Home</a>

I assume you are using a generator as your editor?

**web-Inspect** · 11-05-2009, 03:20 PM

i fixed the open div tag. didn't fix the problem. still looking....