I'm confused about a PHP Contact Forum that's Tieing in with CSS.
Enthusiast
Posted: Wed, 2008-05-21 21:20
Okay, I promise to try to make this not very confusing but there's a lot to it...
Here's my PHP ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contact Us</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="js/functionAddEvent.js"></script>
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/xmlHttp.js"></script>
<style type='text/css' media='screen,projection'>
<!--
body { margin:20px auto;width:600px;padding:20px;border:1px solid #ccc;background:#fff;font-family:georgia,times,serif; }
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.contact,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
-->
</style>
</head>
<body>
<p><h2>Contact Us Here</h2></p>
<p id="loadBar" style="display:none;">
<strong>Sending Email, One Moment Please…</strong>
<img src="img/loading.gif" alt="Loading..." title="Sending Email" />
</p>
<p id="emailSuccess" style="display:none;">
<strong style="color:green;">Success! Your Email has been sent.</strong>
</p>
<div id="ajaxContent">
<form action="/Contact.html" method="post" id="cForm">
<fieldset>
<p><label for="posName">First and Last Name:</label></p>
<input class="contact" type="text" size="25" name="posName" id="posName" />
<p><label for="posEmail">Email:</label></p>
<input class="contact" type="text" size="25" name="posEmail" id="posEmail" />
<p><label for="posRegard">Yearlabel></p>
<input class="contact" type="text" size="25" name="posRegard" id="posRegard" />
<p><label for="posText">Number:</label></p>
<input class="contact" type="text" size="25" name="posRegard" id="posRegard" />
<p><label for="posText">Other:</label></p>
<textarea cols="50" rows="5" name="posText" id="posText"></textarea>
<p><label for="selfCC">
<input type="checkbox" name="selfCC" id="selfCC" value="send" /> Send CC to self
</label></p>
<label>
<input class="submit" type="submit" name="sendContactEmail" id="sendContactEmail" value=" Send Email " />
</label>
</fieldset>
</form>
</div>
<div class='note'></div>
<p>
</body>
</html>...This PHP which doesn't look like much PHP connects to another form that doesn't have anything to do with my question. I'm just explaining why it's a .php .... because the other form calls it to be...
Now, The CSS
td {
text-align: left;
vertical-align: top;
font-family:Tahoma;
font-size:11px;
color:#e9e9e9;
line-height:normal;
}
.but
{
}
body { margin:0px;padding:0px;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}
#TB_window {
font: Trebuchet MS;
font-size: 14px;
color: #000;
text-align:justify;
text-decoration:none;
}
#TB_secondLine {
font: 10px Trebuchet MS;
font-size: 14px;
color: #000;
text-align:justify;
text-decoration:none;
}
#TB_window a:link {color: #000;}
#TB_window a:visited {color: #000;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #000;}
#TB_window a:focus{color: #000;}
#TB_overlay {
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
}
#TB_window {
position: absolute;
background: #ffffff;
z-index: 102;
color:#000000;
border: 4px solid #525252;
text-align:left;
}
#TB_window img {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:1px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1em;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: absolute;
display:none;
height:100px;
width:100px;
z-index:101;
}
#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
}
/* IE6 */
* html #TB_iframeContent{
margin-bottom:1px;
}
.menu { font-family: Trebuchet MS; font-size: 14px; color: #65fffd; text-align:justify; text-decoration:none;}
.menu:link { font-family: Trebuchet MS; font-size: 14px; color: #65fffd; text-align:justify; text-decoration:none;}
.menu:hover { font-family: Trebuchet MS; font-size: 14px; color: #c8fffe; text-align:justify; text-decoration:none;}
.menu:active { font-family: Trebuchet MS; font-size: 14px; color: #65fffd; text-align:justify; text-decoration:none;}
.menu1 { font-family: Tahoma; font-size: 11px; color: #ffffff; text-align:justify; text-decoration:underline;}
.menu1:link { font-family: Tahoma; font-size: 11px; color: #ffffff; text-align:justify; text-decoration:underline;}
.menu1:hover { font-family: Tahoma; font-size: 11px; color: #ffffff; text-align:justify; text-decoration:none;}
.menu1:active { font-family: Tahoma; font-size: 11px; color: #ffffff; text-align:justify; text-decoration:underline;}
.read { font-family: Tahoma; font-size: 11px; color: #7bb6f3; text-align:justify; text-decoration:underline;}
.read:link { font-family: Tahoma; font-size: 11px; color: #7bb6f3; text-align:justify; text-decoration:underline;}
.read:hover { font-family: Tahoma; font-size: 11px; color: #7bb6f3; text-align:justify; text-decoration:none;}
.read:active { font-family: Tahoma; font-size: 11px; color: #7bb6f3; text-align:justify; text-decoration:underline;}
.read1 { font-family: Tahoma; font-size: 11px; color: #0762bc; text-align:justify; text-decoration:underline;}
.read1:link { font-family: Tahoma; font-size: 11px; color: #0762bc; text-align:justify; text-decoration:underline;}
.read1:hover { font-family: Tahoma; font-size: 11px; color: #0762bc; text-align:justify; text-decoration:none;}
.read1:active { font-family: Tahoma; font-size: 11px; color: #0762bc; text-align:justify; text-decoration:underline;}
.info { font-family: Century Gothic; font-size: 14px; color: #ffffff; text-align:justify; text-decoration:none;}
.info:link { font-family: Century Gothic; font-size: 14px; color: #ffffff; text-align:justify; text-decoration:none;}
.info:hover { font-family: Century Gothic; font-size: 14px; color: #65fffd; text-align:justify; text-decoration:none;}
.info:active { font-family: Century Gothic; font-size: 14px; color: #ffffff; text-align:justify; text-decoration:none;}
.blue {color:#79bcff; text-decoration:none}
.w {color:#ffffff; text-decoration:none}
.tt {color:#292929; text-decoration:none}
.copyright {color:#acacac; text-decoration:none}
.text { font-family: Trebuchet MS; font-size: 24px; color: #ebebeb; text-align:justify; text-decoration:none}
.contactext { font-family: Trebuchet MS; font-size: 12px; color: #000; text-align:justify; text-decoration:none}
.text3 {
font-family: Trebuchet MS;
font-size: 24px;
color: #292929;
text-align:justify;
text-decoration:none
}
.text2 { font-family: Trebuchet MS; font-size: 14px; color: #e0e0e0; text-align:justify; text-decoration:none}
.text4 { font-family: Trebuchet MS; font-size: 18px; color: #e0e0e0; text-align:justify; text-decoration:none}
.text1 { font-family: Century Gothic; text-align:justify; text-decoration:none}
.s1 { font-size:10px}
.s2 { font-size:18px}
.s3 { font-size:20px}
.s4 { font-size:30px}
.s5 { font-size:60px}
.s6 { font-size:24px}
.s { line-height:5px}
.t {text-transform:uppercase}
.u {text-decoration:underline}
a:hover {text-decoration:none; }
#al:hover {text-decoration:underline; }....My question is this....
The PHP are of ....
<p><label for="posName">First and Last Name:</label></p>
<input class="contact" type="text" size="25" name="posName" id="posName" />Seems to have an input color of a light gray...now, I think i've found the problem at...
.text { font-family: Trebuchet MS; font-size: 24px; color: #ebebeb; text-align:justify; text-decoration:none}now, I have no earthly idea why or how to fix it...i've pretty much just confused myself...help?
eh.....?
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
Can we see a link to the
Posted: Wed, 2008-05-21 22:21
Can we see a link to the page?
How to get help
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 52
Joined: 2007-03-27
yep. http://www.exclusivelyb
Posted: Thu, 2008-05-22 01:08
yep.
http://www.exclusivelybimmers.com .... the "contact us" is the link. if you notice, the link is different too....
eh.....?
Moderator
Posts: 6509
Joined: 2004-05-01
Location: Brisbane
braumab wrote:now, I have no
Posted: Thu, 2008-05-22 06:05
What's it supposed to look like? You haven't actually said what the problem is. Also, you've got bigger problems with the flash overlaying over the smoothbox.
How to get help
tags.
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use
My articles | CSS Reference
Enthusiast
Posts: 52
Joined: 2007-03-27
k, here's the story. Some
Posted: Thu, 2008-05-22 14:51
k, here's the story.
Some other guy implemented the flash box. I don't know abot flash so i'm going to have figure out how to fix that too. The problem is this..
In IE, The "Contact Us" link is different than the other links. It's a bit smaller and I can't seem to get it matched. When you click on the link, the smoothbox pops up, of course, being behind the flashbox which is a headache...also, the text is a light gray in the data box and it's coming from the style.css but I don't know why. I don'teven have the contact.php linked to the style.css. When you click send, I have it scripted to tell me that it has or has no been sent. Also, if i send it with no data, it's supposed to tell me that no data is entered, to please submit data.
In Firefox, The Flash is over the smoothbox, and when the smoothbox is opened, it just throws the whole site into quirks, and has the same errors as IE.
eh.....?