|
HTML - Included Header Bleeding Into Main Content
Hello-
I'm having a problem with my header. When I first started building this dumb thing, it was in IE7. Everything was looking fine with that, and then I tried to switch to Firefox, and nothing was where it should have been. My doctype wasn't valid, which is now fixed. Anyway, the problem. When I put the header content into the page's html, it displays like it should, but when the header is in a separate file, it leaks down into the main page. HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="stylesheet.css"> </head> <body> <div id="Header"> <!--#include virtual="/includes/header.txt" --> <br> </div> <div id="Menu"> <!--#include virtual="/includes/menu.txt" --> </div> <div id="Content"> <h1>Hello!</h1> <p style="text-indent:30px">Welcome </p> <br> <p><b>Jan 14</b></p> <p>The calendar, links, contact us, and 'what to bring' pages are up.</p> <br> </div> <div id=footer> <!--#include virtual="/includes/footer.txt" --> <br> <!--#config timefmt="%B %d, %Y"--> Last Modified: <!--#echo var="LAST_MODIFIED"--> </div> </body> </html> Header: Code: <a href="index.shtml"><img src="cricket_edited.jpg" alt="Home" style="border:none;"></a>    Title CSS: Code: body {
font:15px/20px verdana, arial, helvetica, sans-serif;
color:#336600;
background-color:#FFFFCC;
}
* {
margin:0px;
padding:0px;
}
h1 {
margin:0px 0px 15px 0px;
font-size:28px;
line-height:28px;
font-weight:900;
color:#999966;
}
h2 {
font-size:26px;
line-height:0px;
font-weight:700;
color:#999966;
margin:0px 0px 15px 15px;
}
p {
margin:0px 0px 16px 0px;
}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}
a {
font-size:15px;
text-decoration:none;
font-weight:600;
}
a:link {color:#CC3333;}
a:visited {color:purple;}
a:hover {background-color:white;}
a:active {border:solid 1px #CC3333;}
ul {
list-style-type: circle;
}
#Header {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:30px;
font-size:30px;
font-weight:bold;
border-color:black;
border-style:solid;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
#Content {
margin:0px 230px 50px 10px;
padding:10px;
background: #FFFFCC;
}
#Menu {
float:right;
padding:10px;
background-color:#eee;
border:3px dotted #336600;
width:150px;
}
.hmenu {
font-size:15px;
font-weight:bold;
text-indent:6px;
}
.sub {
font-size:13px;
text-indent:20px;
}
#Footer {
margin:50px 0px 10px 0px;
padding:17px 0px 6px 20px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:33px;
border-style:solid;
border-color:black;
border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
line-height:11px;
background-color:#CC9933;
}
Can anyone help? Thanks, Kate Similar TutorialsHi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe I have a web page that has a gap between the main content page (lower) and the header piece(upper) and I can't figure out how to close this gap. If you're interested in taking a look at it. Here's the code and i've attached an image for a visual aid. Thanks. Code: <table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' table valign='top' align='left' cellpadding='0' width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td>
<link href='custom.css' rel='stylesheet' type='text/css'>
<td id='menu' align='left' valign='top' rowspan='500' width='165'>
<br> <img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br>
<img src='images/bullet.gif' alt='' width='10' height='10'><A href='index.php?command=signup_page'><font color='DDCEA2'><font face='Arial' size='2'>Sign Up</font></A>
<br>
<img src='images/bullet.gif' alt='' width='10' height='10'><a href='faq.html'><font color='DDCEA2'><font face='Arial' size='2'>FAQ</a><br>
<img src='images/bullet.gif' alt='' width='10' height='10'><a href='legal.html'><font color='DDCEA2'><font face='Arial' size='2'>Terms of Use<br></a>
<form method='POST' action='index.php'>
<input class='field' type='hidden' name='command' value='account'>
<input class='field' type='hidden' name='param' value='signup'>
</form>
<tr><td> </td></tr>
<td valign=top colspan='2' class='pageTitle'><div class='hLine'><b> <font face='Arial' color='#EE7600' size='3'>Select The Payment Button Below To Continue</b></font></div></td></tr>
<td class='fieldLabel' width='30%'> <font face='Arial' color='#A30100' size='2'><b>Transaction Type:</b></font></td>
<td align='left' class='text' ><b>[account_type_title]</b></td>
</tr>
<tr>
<td class='fieldLabel' width='30%'> <font face='Arial' color='#A30100' size='2'><b>Price:</b></font></td>
<td align='left' class='text' ><b>$ [price]</b></td>
</tr>
<tr>
<td class='fieldLabel' width='30%'> <font face='Arial' color='#A30100' size='2'><b>Subscription Period:</b></font></td>
<td align='left' class='text' ><b><font face='Arial' color='#000000' size='2'>[period]</b> (month)</font></td></tr>
<tr valign='top' height='55px' '>
<td valign='top' class='fieldLabel' width='30%'> </td>
<td valign='top'> <p><font face='Arial' color='#000000' size='2'>[payment_code]</font></p></td>
</tr>
<tr><td> </td></tr><tr><font face='Arial' color='#000000' size='2'></font>
<tr height='30%' ><td colspan='2'><div class='hLine'> </div></td></tr>
</table
I had a guy helping me fix my flyout menu and now my content that is under my div content is at the bottom of my page instead of at the bottom. I am not sure what to do to get it back to the top. Any help or ideas, I have been messing with this for hours. http://www.mesquitechristmas.com/index.html If you need me to post some code just let me know what code to post, or you can just view the source code.... -Thanks I know I'm probably going to get ridiculed for this being my first post, but I can't seem to find any help elsewhere. I browsed the forum a bit before posting but didn't really know what to look for. OK so this the first website I've ever made and I only have limited html knowledge but so far this is what I have. www.freewebs.com/maurerrj Here is the html: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2007 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 1/15/2007 4:28:49 PM -->
<head>
<title></title>
<style type="text/css">
<!--
.{background: #D6D3C0;}.{background-image: url(http://img138.imageshack.us/img138/3373/newbackground4qp5.jpg);background-repeat: repeat-y;background-position: center;}
-->
</style>
</head>
</style><body topmargin="0">
<div align="center">
<table cellspacing="0" cellpadding="0">
<tr><td colspan="0" width="750"><img height="223" src="http://img223.imageshack.us/img223/7681/banner5im9.jpg" width="724"><td></td>
<tr><td colspan="0" width="750"><img height="19" src="http://img407.imageshack.us/img407/7290/fillervh5.jpg" width="724" border="0"><td></td>
<tr height="0"><td colspan="0" width="750"><img height="11" src="http://img101.imageshack.us/img101/3912/spacer1hs9.jpg" width="724"><td></td>
<tr><td valign="top" width="153"><table cellspacing="0" cellpadding="0" width="153">
<tr><td><img height="36" src="http://img260.imageshack.us/img260/1838/filler2qj3.jpg" width="153" border="0"></td></tr>
<tr><td><a href="#"><img height="22" src="http://img156.imageshack.us/img156/9990/home1pp8.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img92.imageshack.us/img92/8751/conifersls9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img251.imageshack.us/img251/7016/grassesbf3.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img525.imageshack.us/img525/5920/shrubsvf9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img86.imageshack.us/img86/2730/perennialszy4.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img137.imageshack.us/img137/4079/troughgardenskr9.jpg" width="153" border="0"></a></td></tr>
<tr><td><a href="#"><img height="22" src="http://img91.imageshack.us/img91/5199/directionsae8.jpg" width="153" border="0"></a></td></tr></table></div>
</body>
</html>
Anyway, onto the point... I want to make an area to put all of my content like text and images and what not in that main area but I don't really have any idea how to do it. Also the background image isn't showing up in firefox, so if you have any idea how to fix that let me know. But for now I guess you have to look at it in IE. Also, I will be having galleries under the evergreen, perennials, etc. tabs, and I think I want to use lightbox, but I don't know much about it. So any tips with that would help. The lightbox website is http://www.huddletogether.com/projects/lightbox2/ Any help you can give me is TRULY appreciated. Hello, I'm working on a site, but have run into a problem I'm not sure how to deal with. The contents of the footer area of the page are centered within a Div as you can see at the url: http://www.mylessinclair.com/testsite/ However, I think it might be easier on the eye if the links and content were centered underneath the main content panel. I'm trying to avoid the use of tables in achieving this, so I'm thinking that I need two Divs side by side for the footer. One 150px wide as in the side bar above it, marked up as float left - and then just center the footer contents in the other Div ? Am I on the right track here, or is it a bit more complicated? Hope someone can advise. Many thanks, Myles Hello I'm trying to work out a way of allowing my main content to increase without it stretching my nav and ruining the formatting. I have a table, 2 columns, 10 rows, cell spacing 4 I've set the main content (right) to span all 10 rows. I want to be able to increase the main content without it stretching my rows. Row height set to 40px. My answer so far has been to add an 11th row, turn it white and set the height so that the combined height of the cells in the left had column matches the height of the right hand one. This is fine, but a bit of nuisance if you want numerous pages where the main content takes up a different amount of space. Is there anyway to set the 11th cell on the left hand column to stretch along with my main content, without it messing up the height of the 10 calls above? You'd think you'd be able to set it to height = 100% or something, but apparently not. Many thanks, monki I understand that external CSS is great and a better choice, however, I am using a script that has many functions I need and is written this way. So I just want to finish up with what I have , instead of re-write this script. An "in-line css" suggestion worked fairly well except that I have a gap between the white background and the Header, and the white background and the Footer. Can someone help me eliminate this gap so the white background extends all the way to the Header and Footer, please? Here is the code, and I've attached an image for visual aid. Thanks! Code: <table style="background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:200%"> <td align="left" valign="top"><font face="Arial" color="#000000" size="4"><b>text text text text text text text </b><br><font face="Arial" color="#990000" size="4"><b>TEXT TEXT TEXT TEXT TEXT TEXT TEXT </b></font><br> <font color="#FF9900">______________________________</font><br> <font face="Arial" color="#6B6B6B" size="3">Text Text Text text.<br><font face="Arial" color="#000000" size="3">TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXTTEXT TEXT TEXT TEXT TEXT TEXT</font><br> </td></tr> </table> Okay, so. Im completely new here! But I really need help fixing a tumblr theme code. The content/images is scrolling over/infront of the fixed header image, so what would be the code to fix that up? There is no CSS for the header as the original style didnt really include one. The HTML for the header is: <body> <head> <div style="width: 488px; height: 288px; margin: 0 auto; background: url(http://i56.tinypic.com/mwto2t.png) no-repeat top center fixed;"></div> <div id="yes"> <div id="center"> <div id="info"> <a href="/"></a><br><br> Thank you for any help Internet is the easiest and lucrative method to promote your business. For this you should have a user-friendly, interactive and professional looking website. This is the first step to start a successful internet marketing process. Those who don’t have websites can ask for web design services from a professional web designing firm. Here are a few important things that you should prepare before contacting a web design firm. Those who are planning to make a website should first create a good portfolio of their works. The portfolio should contain a detailed list of all the happy clients of the company. If the company has a good customer base which can be shown clearly in the portfolio, it would be the best method to advertise the services of the company. You should also give a comprehensive idea about the location of the company and the detailed addresses of the various offices of the company. This will increase the credibility of the company among the visitors. You can prepare detailed pages for the services/products section where you can include all the details related to it. Make it a point to say about the uniqueness that your firm has, as it helps a lot in marketing your products/services. It can be a newest technology or service that you offer, the method of delivery of products/services, or the widespread network that your company has. You can approach a web designer to know more about the things which can be included your website. Hi guys, I have a problem with HTML I've not experienced before relating to include files. I'm running IIS on Windows XP Pro and have an HTML file with a single include (this isn't the actual project I'm working on but a test I picked up off the web to demonstrate the problem) Test.html: - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strict//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <body> <!--#include file="testinc.htm"--> <br>To see this work. </body> </html> Testinc.htm: - ************************************************** ***** This is a test ************************************************** ***** When I open, in IE, http://localhost/test.html all I see is the text "to see this work". If I view the source, it is identical to test.html (ie, the include is in the source which would signify to me that it's been picked up as a comment). I've tried replacing Include File with Include Virtual (not that it should make any difference in this case as they're both located in wwwroot) but to no avail. Any ideas what's missing? Cheers in advance. Hi guys, this is the site: http://eksow.com/ This the the source code for it: Quote: <html> <head> <title>Eksow Event Design & Management</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <SCRIPT TYPE="text/javascript"> <!-- // copyright 1999 Idocs, Inc. http://www.idocs.com/tags/ // Distribute this script freely, but please keep this // notice with the code. var rollOverArr=new Array(); function setrollover(OverImgSrc,pageImageName) { if (! document.images)return; if (pageImageName == null) pageImageName = document.images[document.images.length-1].name; rollOverArr[pageImageName]=new Object; rollOverArr[pageImageName].overImg = new Image; rollOverArr[pageImageName].overImg.src=OverImgSrc; } function rollover(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; if (! rollOverArr[pageImageName].outImg) { rollOverArr[pageImageName].outImg = new Image; rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src; } document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src; } function rollout(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src; } //--> </SCRIPT> <!-- ImageReady Slices (Untitled-1 copy.psd) --> <Center> <table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="images/Eksow_01.jpg" width="1024" height="261" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/Eksow_02.jpg" width="65" height="507" alt=""></td> <td> <A HREF="#" onMouseOver = "rollover('left')" onMouseOut = "rollout('left')" ><IMG SRC="http://eksow.com/images/Eksow_03.jpg" NAME="left" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_1_03.jpg"); //--> </SCRIPT> </td> <td colspan="2"> <A HREF="#" onMouseOver = "rollover('middle')" onMouseOut = "rollout('middle')" ><IMG SRC="http://eksow.com/images/Eksow_04.jpg" NAME="middle" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_2_04.jpg"); //--> </SCRIPT></td> <td> <A HREF="#" onMouseOver = "rollover('right')" onMouseOut = "rollout('right')" ><IMG SRC="http://eksow.com/images/Eksow_05.jpg" NAME="right" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_3_05.jpg"); //--> </SCRIPT></td> <td rowspan="2"> <img src="images/Eksow_06.jpg" width="78" height="491" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/Eksow_07.jpg" width="881" height="262" alt=""></td> </tr> <tr> <td colspan="5"> <A HREF="#" onMouseOver = "rollover('bottom')" onMouseOut = "rollout('bottom')" ><IMG SRC="http://eksow.com/images/Eksow_08.jpg" NAME="bottom" ALT="Home Page" BORDER=0 ></A> <SCRIPT TYPE="text/javascript"> <!-- setrollover("http://eksow.com/images/Rollover_4_08.jpg"); //--> </SCRIPT></td> </tr> <tr> <td colspan="2"> <img src="images/Eksow_09.jpg" width="567" height="8" alt=""></td> <td> <img src="images/Eksow_10.jpg" width="21" height="8" alt=""></td> <td colspan="2"> <img src="images/Eksow_11.jpg" width="371" height="8" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="65" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="292" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="275" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="21" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="293" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="78" height="1" alt=""></td> </tr> </table> </center> <!-- End ImageReady Slices --> </body> </html> Here is what I'm trying to accomplish, but have no idea where to start from... 1. When people go to the site, the pictures at the bottom don't appear 2. When people click on "Hospitality Night" (far left), then the pictures appear 3. When it's clicked, the rollover image stays (white box) So in laymans terms... I go to the site, I click on far left link, pictures show. I click on the middle link, diff pictures show i click on the right one, different pictures show. && done Hello i have 2 files file 1 and file 2 they are both being included in a cfm file by cfinclude. however when they are viewed on the browser they are not aligned together. file 2 is perfect. it goes on the center of the page but file 1 is on the far left. my level is beginner level so please have patience. i wish to have file 1 on the same center as file 2. (other words, file 1 needs to be inline with file2) thanks once again file 2 is correct. help Hi I am new to this forum and this is my first post. It should be in the introductions area but I thought it would be better here. Ok here is my question. "I have been working on this new website project from my school on really basic HTML. So I created this website with around 12 webpages but am stuck at a place. For a better understanding, here is the picture of the page I am stuck at: http://www.imagebam.com/image/b3124a57239694 (image takes a few secs to load) And here is code for the webpage: http://www.scribd.com/doc/22980588 So by the picture, I hope you understand the problem and suggest a non <div> CSS solution. Thank You All help will be much appreciated I hope someone comes up with a quick and easy idea. I hope to enjoy my stay here I'm having a problem trying to anchor this Javascript menu into a fixed position. Heres the website http://www.intuition-designs.com/test1.htm as you might recognize, I'm trying to mimic the Facebook application bar that runs along the bottom of their website I'd like to have the menu anchored to the navbar at the bottom, so when I scroll, the menu will not scroll. I have a separate Javascript file for the menu Here is the HTML for the website so far. ANY HELP IS GREATLY APPRECIATED!!: Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
height:100%;
}
html.use_scroll_wrapper {
overflow:hidden;
}
#bottom_bar {
position:fixed;
bottom:0;
left: 15px;
right: 15px;
height: 27px;
background:url(http://www.intuition-designs.com/images/midbottom.png) repeat top left;
z-index: 3;
color: #FFF;
text-align: right;
}
#bottom_bar table tr th {
text-align: right;
}
.gg {
text-align: right;
}
.xx {
text-align: left;
}
</style>
</head>
<body>
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="navbar",awmBN="766";awmAltUrl="";</script><script charset="UTF-8" src="navbar.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
<div id="bottom_bar"> <table width="50" border="0" align="left" cellpadding="0" cellspacing="0" id="awmAnchor-navbar">
<tr>
<th scope="col"> </th>
</tr>
</table>
</div>
</body>
</html>
Hello all, I am trying to copy a page over to my domain (with permission) and even though it looks ok, the submit buttons / field areas are not working properly. Here is the page I am trying to get working. http://www.ldodds.com/foaf/foaf-a-matic I have grabbed the appropriate .js files and everything in MY header is fine, but like I said.. I can not get the buttons to actually take the data from the fields and spit out the code in the box provided. Any help would be great, thanks! First of all, WOW does this look like a site that can make it happen for me.. websitemakingwise. Im new and boy, loving the info so far.. ok, my problem: So Im cleaning up this code, yes.. again. And I wanted to make this automated php thing that sends emails straight to my inbox. Without having to use the client installed. Only problem is that the submit button isnt doing anything. Could someone have a look whats wrong? Filename: ContactForm.html HTML Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Mailformulier updates - As it is in heaven again</title>
<style type="text/css">
<!--
body {
background-image: url(afbeeldingen/ups_and_simulation.jpg);
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #000000;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style6 {font-size: 14px}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
a:link {color: #000000;}
a:visited{color:#009;}
a:hover {color: #000000;}
.style10 {color: #FFFFFF}
.style14 {font-family:"Bookman Old Style"; font-size: 14px; color: #000000; }
#txt{
position:relative;
text-align:center;
left:100px;
top:55px;
width:420px;
height:40px;
z-index:2;
font-stretch:wider;
}
div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 100px;
text-align: right;
}
div.row span.formw {
float: right;
width: 235px;
text-align: left;
}
div.spacer {
clear: both;
}
-->
</style></head>
<body>
<table width="600" height="400" border="1" align="center" bgcolor="#FFFFFF">
<div id="txt">
<p class="style1">Ja, ik heb interesse. Graag ontvang ik verdere informatie over de toekomstige activiteiten.</p>
</div>
<tr>
<td width="44" height="150"> </td>
<td width="814" height="100">
<br />
<br />
<br />
<br />
<div style=
"width: 360px;
background-color: #ccc;
border: 1px dotted #333;
padding: 5px;
margin: 0px auto;">
<span class="style4">
<form>
<div class="row">
<form action="FormToEmail.php" method="post" name="ContactForm">
<span class="label">Naam:</span>
<span class="formw"><input type="text" name="Naamgegevens" title="Hier uw volledige naam" size="25" /></span>
</div>
<div class="row">
<span class="label">Adres:</span><span class="formw">
<input type="text" name="Naamgegevens" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">Postcode:</span><span class="formw">
<input type="text" name="Postcode" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">Woonplaats:</span><span class="formw">
<input type="text" name="Woonplaats" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">Telefoon:</span><span class="formw">
<input type="text" name="Vaste telefoon" title="Uw vaste telefoon-nummer" size="25" /></span>
</div>
<div class="row">
<span class="label">Mobiel:</span><span class="formw">
<input type="text" name="Mobiel" title="" size="25" /></span>
</div>
<div class="row">
<span class="label">E-Mail:</span><span class="formw">
<input type="text" name="E-Mail" title="Het E-mail adres" size="25" /></span>
</div>
<p align="center">
<span class="style14">
<br />
<br />
<br />
ruimte voor opmerkingen/suggesties/reacties</span>
<br />
<textarea name="opmerkingen" cols="40" rows="6"></textarea>
</p>
<div class="spacer">
</div>
</form>
<div align="center">
<input type="submit" value="Versturen"><br>
</div>
<br>
</div>
<div align="center"><span class="style10">-----</span> <a href ="basis.html"><img src = "afbeeldingen/TERUG.png" width="95" height="60" style="border-style: none"/></a></span></div></td>
<td width="44"> </td>
</tr>
<tr>
<td height="100" colspan="3"><div align="center">
</div></td>
</tr>
</table>
</body>
</html>
Thanks for reading till this point! Hop you didnt mind the Dutch lol. FILENAME: FormToEmail.php PHP Code: <?php $my_email = "rsizania@gmail.com"; /* Enter the continue link to offer the user after the form is sent. If you do not change this, your visitor will be given a continue link to your homepage. If you do change it, remove the "/" symbol below and replace with the name of the page to link to, eg: "mypage.htm" or "http://www.elsewhere.com/page.htm" */ $continue = "www.google.com"; /* Step 3: Save this file (FormToEmail.php) and upload it together with your webpage containing the form to your webspace. IMPORTANT - The file name is case sensitive! You must save it exactly as it is named above! Do not put this script in your cgi-bin directory (folder) it may not work from there. THAT'S IT, FINISHED! You do not need to make any changes below this line. */ $errors = array(); // Remove $_COOKIE elements from $_REQUEST. if(count($_COOKIE)){foreach(array_keys($_COOKIE) as $value){unset($_REQUEST[$value]);}} // Check all fields for an email header. function recursive_array_check_header($element_value) { global $set; if(!is_array($element_value)){if(preg_match("/(%0A|%0D|\n+|\r+)(content-type:|to:|cc:|bcc:)/i",$element_value)){$set = 1;}} else { foreach($element_value as $value){if($set){break;} recursive_array_check_header($value);} } } recursive_array_check_header($_REQUEST); if($set){$errors[] = "You cannot send an email header";} unset($set); // Validate email field. if(isset($_REQUEST['email']) && !empty($_REQUEST['email'])) { if(preg_match("/(%0A|%0D|\n+|\r+|:)/i",$_REQUEST['email'])){$errors[] = "Email address may not contain a new line or a colon";} $_REQUEST['email'] = trim($_REQUEST['email']); if(substr_count($_REQUEST['email'],"@") != 1 || stristr($_REQUEST['email']," ")){$errors[] = "Email address is invalid";}else{$exploded_email = explode("@",$_REQUEST['email']);if(empty($exploded_email[0]) || strlen($exploded_email[0]) > 64 || empty($exploded_email[1])){$errors[] = "Email address is invalid";}else{if(substr_count($exploded_email[1],".") == 0){$errors[] = "Email address is invalid";}else{$exploded_domain = explode(".",$exploded_email[1]);if(in_array("",$exploded_domain)){$errors[] = "Email address is invalid";}else{foreach($exploded_domain as $value){if(strlen($value) > 63 || !preg_match('/^[a-z0-9-]+$/i',$value)){$errors[] = "Email address is invalid"; break;}}}}}} } // Check referrer is from same site. if(!(isset($_SERVER['HTTP_REFERER']) && !empty($_SERVER['HTTP_REFERER']) && stristr($_SERVER['HTTP_REFERER'],$_SERVER['HTTP_HOST']))){$errors[] = "You must enable referrer logging to use the form";} // Check for a blank form. function recursive_array_check_blank($element_value) { global $set; if(!is_array($element_value)){if(!empty($element_value)){$set = 1;}} else { foreach($element_value as $value){if($set){break;} recursive_array_check_blank($value);} } } recursive_array_check_blank($_REQUEST); if(!$set){$errors[] = "You cannot send a blank form";} unset($set); // Display any errors and exit if errors exist. if(count($errors)){foreach($errors as $value){print "$value<br>";} exit;} if(!defined("PHP_EOL")){define("PHP_EOL", strtoupper(substr(PHP_OS,0,3) == "WIN") ? "\r\n" : "\n");} // Build message. function build_message($request_input){if(!isset($message_output)){$message_output ="";}if(!is_array($request_input)){$message_output = $request_input;}else{foreach($request_input as $key => $value){if(!empty($value)){if(!is_numeric($key)){$message_output .= str_replace("_"," ",ucfirst($key)).": ".build_message($value).PHP_EOL.PHP_EOL;}else{$message_output .= build_message($value).", ";}}}}return rtrim($message_output,", ");} $message = build_message($_REQUEST); $message = $message . PHP_EOL.PHP_EOL."-- ".PHP_EOL.""; $message = stripslashes($message); $subject = "FormToEmail Comments"; $headers = "From: " . $_REQUEST['email']; mail($my_email,$subject,$message,$headers); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Dreamweaver Tutorial - Contact Form</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#ffffff" text="#000000"> <div> <center> <b>Thank you <?php print stripslashes($_REQUEST['name']); ?></b> <br>Your message has been sent <p><a href="<?php print $continue; ?>">Click here to continue</a></p> <p><b>Dreamweaver Spot</b> by <a href="http://dreamweaverspot.com">dreamweaverspot.com</a></p> </center> </div> </body> </html> Ok thanks!! So.. whats wrong? Im a total noob.. and it isnt even that I started from scratch.. some of it was already there. Appreciate your advice I am working on an index page with menu for a friend and originally did the page an menu separately....I was able to get them to work together but when i do the In-Dreamweaver preview does not work...This is very important because she will need the preview to make her changes... Everything looks fine upon viewing in browser but no preview.... I think it probably has something to do with me using two different body tages with two different csses....Can somebody take a look and see if they can find my problem? Any help would be greatly appreciated! You can view an online version at: http://www.firstpresgreenville.org/NEWFPATEST/menu.html THIS PROBLEM IS WITH --IE-- ONLY I have this piece of code that I simplified as much as I could to show a simple example: PHP Code: <table width="50%"> <tr><td colspan="2">short</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> <table width="50%"> <tr><td colspan="2">long long long long long long long</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels.. If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..? Hey all (And thanks to all who helped in my last post).. http://wessell.net/david/project/newdesign/index.php I'd like to put a shadow around the left and the right, of the entire box (Including headers and footers).. But I'm at a tad of a loss. I'm finding a lot of information on shadows on pictures, using CSS.. I'd be interested in any suggestionons as to which way to go.. Thanks! David I'm getting rid of my index.html file, and replacing it with a brand new index.php file. But I have a problem... I have a forum which has an index.php file... If I rename my websites index.php file to homepage.php, am I able to have that page load up when someone visits my website, or does it have to be named index.php? |
|||||||