|
HTML - Sliced Images/table/contact Form Help
Hi,
I sliced my web layout in PS. So far so good, I've done about 4 or 5 pages and it's gone fairly smoothly. However I'm having trouble with some coding on a particular page. I want to have a contact form on my contact page. But it's an HTML table and so are the slices. I've tried a couple of different ways to see if I could get it to 'lay' on top of the background image slice, but no luck. Take a look for yourselves: http://www.beemerphotography.com/contact.html Code: <form name="contactform" method="post" action="contact.php"> <table width="450px"> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="name">Name</label></font> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="email">Email Address</label></font> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="telephone">Telephone Number</label></font> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="comments">Comments (Type of session(s): engagement, wedding, family, etc. | Booking date if applicable)</label></font> </td> And I've tried this: Code: <table background="http://www.beemerphotography.com/contact/images/info.gif" width="409" height="467"> And also, I have another page that is just not displaying for some reason. I have gone over the code, redone the slicing, redone the coding, and I can't figure it out for the life of me why it isn't displaying anything: http://www.beemerphotography.com/abo...ng/prints.html Similar TutorialsI've got 2 sliced images at a store i've made. I've noticed each image loads one at a time... which really affects the loading time. I've optimized them as good as I can without losing quailty, but still slow loading. Is there any methods to loading all the images simultaneously? (maybe javascript?) The splices range from 300-600bypes in size. not kbs.. bytes (0.3-0.6 kbs) I guessing there is about 5-7 slices on the top, and 10-15 on the side menu. Hi all. I'm having a little bit of trouble with putting sliced images on my website and was wondering if you could help me out? I've made a very basic menu design in photoshop. I sliced the image using Photoshop then opened the resulting html file in Frontpage. When I opened the page in preview mode, the sliced images had moved slightly away from each other which is giving me gaps between the slices. Its also doing this when I view the page in a normal web browser, but not in photoshop Is this because I am using frontpage or could it be some kind of options setting in photoshop? Sorry if this is posted in the wrong forum btw....Any help would be great Thanks Hello everyone I formatted my MySpace contact table just like I wanted it, but there's a white bar above it that I can't figure out how to remove. If you highlight that bar, you see that it says "Contacting EcoAware" (put there even on regular default contact tables). The text is white on a white background-- I don't want the text OR the empty space there. Any suggestions? BTW, below is a link to a text file with the exact HTML I'm using. Any help would be really appreciated Thanks, Cody HTML code MySpace page Hi all, I am created a sliced page within Fireworks however I have made a animated gif which I would like to add to the page. I'm lost as to how to do this, when I copy and paste the Gif into the main image page, it just shows up as a standard picture, with no animation. Do I have to slice the page first, then add the animated gif within Dreamweaver, or can I place it as I would any image within Fireworks, then slice the entire page and export with HTML to Dreamweaver? Any help would be great, thanks in advance. Hey guys, im not sure if anyone has this problem but i have it and im pissing off because of it. I worked on it for over 4 hours to no avail so i decided to get some professional opinion here. I designed my website using Photoshop and save for web and devices, giving me the HTML codes and the entire site is done in tables. I had no problems for buttons whatsoever, i found a way to insert flash banner was by creating a slice and deleting it afterwards to insert my flash banner. The problem: All text, headings, contents appear as image and i would have to reslice the entire website just to change the content and i cant use cutenews etc. So i tried draw ap div, but it is not resolution dependent, it distorts at all kind of resolutions... I tried using Fireworks but to no avail too.. I cant really think of anything else. Something that allows me to do editable content. Please email me if you do not understand what i mean i can show you. molehetoe@live.com or add me in MSN For my website i want to create a table/form where people can fill in thier email, a comment and it sends it to my emai without them actualy knowing my email addressl, any idea how i can do this? Many Thanks, Narc Hello everyone, I know this might sound easy but I can't remember how to do this. Does anyone know how to send information from a simple form by hitting the submit button and I should be able to view the data in my domain email? I guess you can say I can check my email and the name, email and message form fields would displayed. I've created the form, form fields and the buttons in dreamweaver. I'm not sure if the enctype is ="multipart/form-data" I've done this before in front page. it come out as a web bot but i cant remember how this works in dreamweaver. I hope I haven't confused anyone. Please reply if you know what I'm talking about. Thank you. Here is the code below from my contact.html page: <form action="thankyou.asp" method="post" enctype="text/plain" name="contactform" target="_blank"> <span class="formstitle">Name:</span><br> <input name="textfield" type="text" class="formstitle2" size="30" maxlength="30"> <br> <br> <span class="formstitle">Email:</span><br> <input class="formstitle2" name="email" type="text" id="email" size="30" maxlength="30"> <br> <br> <span class="formstitle">Message:</span><br> <textarea name="message" cols="30" rows="4" class="formstitle2" id="message"></textarea> <br> <br> <input name="Submit" type="image" value="Submit" src="images/submit.gif" alt="submit" width="56" height="28"> <input type="image" src="images/clear.gif" alt="clear" width="56" height="28"> <br> </form> Alright, i'm having a problem with this contact form. I made it so that it will send to your email. But when I submit, its supposed to say on a new page "Your message has been sent.", but when I send it, all it says is "'); header('Location: sent.html'); ?>". Here is the codes: Code: <html> <head> <title>Contact</title> </head> <body> <form action="form.php" method="post"> Name<br/><input type="text" name="name" /><br/> Email<br/><input type="text" name="email"/><br/> Message<br><textarea row="7" cols="70" name="message"></textarea><br/> <input type="submit" value="Submit" /> </form> </body> </html> Code: <?php
$name = $_POST['name'];
$email = $_POST['email'];
$text = $_POST['mesasge'];
mail('EMAILHERE', 'message, $text, 'From: ' . $name . ' <' . $email . '>');
header('Location: sent.html');
?>
Code: <html> <head> <title>Sent</title> </head> <body> Your message has been sent. </body> </html> Help will be appreciated. Thanks for your time. I'm new to this so I'm going to post the template I found and then hopefully someone can make it right. Will upload two text files first is the contact page its an html file. the other is the contact script as a php file. Sorry if this has been brought up before but i've been trying now for about 6 hours. Thank you Bill Ruiter I want to be able to have three boxes that a visitor can enter input and it be emailed to me. For example: Name - (Visitor types in name) Email - (Visitor types in email) Question - (Visitor types in question) Than they hit Submit and it is emailed to me. I have found code that uses Outlook to do it, but I want it to do it through the website. Hi guys, i'm here with another question, I need to make a contact form for my website, I posted this at html section but i'm not sure, some people say it's html, some php some say it's both... So I googled a bit and all I find are things like this: Code: <form method="post" action="mailto:youremail@email.com"> <textarea rows="5" cols="20" wrap="physical" name="comments"> Enter Comments Here </textarea> <input type="submit" value="Send Email"> </form> This just opens windows live mail..I want to people just click a button "send email" and it sends to my email, nothing more...not this confusions...i've been googling and I find nothing, so I want to talk to the experts, which are you guys Not sure if this is the right place but I was just wondering if anyone could help me. I'm trying to make an option on my contact form that when you click it, it affects whether you have to enter the other fields or drop-down box. For example and simply put, if someone clicked the box labeled 'red', then it would be required for them to fill out the box that says 'explain your choice'. However if they do not click red, then they do not need to fill out the 'explain your choice' box... How do I do this? Is there a name for it? Thanks for any help Hello, I am working on a contact page and was wondering if someone could help me with the following. I have created my form in html already with minor look changes in css (nothing big). I would like to write a javascript that will first validate the manditory fields (Name, email, and the message) after which it will compile all entered data into a popup/new page that JUST shows the information to be copy and pasted to an email; then later sent off. For example if someone enters their name, email, location and message, the javascript will accept the form due to all the mandatory fields being present, and then depending on what the user input in the input fields, it will output something like the following on a new page or window: COPY AND PASTE BELOW THIS LINE --------------------------------------------------- Name: So and So Email: name@email.com Location: Country Message: Message is whatever length. --------------------------------------------------- I do have basic java knowledge so im not a total newbie. Thank you for all help; hope this isnt too daunting a task for you all. Just a little insight needed. Thanks again, -Alim I would like someone to help me get the email form on the html page working. I am so lost! http://hershs-salsa.com/locations.html is there something wrong with this code im not recieving emails <form name=contactme action=contactme.php method=post> <div align="center"> <table> <tr> <td align=right>Name:</td> <td width="15"> </td> <td><input size=45 maxlength=45 type=text name=name style="font-family: Courier New; font-size: 10pt"></td></tr> <tr> <td align=right>Email:</td> <td> </td> <td><input size=45 maxlength=45 type=text name=from style="font-family: Courier New; font-size: 10pt"></td></tr> <tr> <td align=right>Subject:</td> <td> </td> <td><input size=45 maxlength=90 type=text name=subject style="font-family: Courier New; font-size: 10pt"></td></tr> <tr> <td valign=top align=right>Contents:</td> <td> </td> <td><textarea name=body rows=12 cols=60 style="font-family: Courier New; font-size: 10pt"></textarea></td></tr> <tr> <td> </td> <td> </td> <td><input type=submit value=" Submit " name=submit style="font-size: 10pt; font-family: Tahoma"></td></tr> </table> </div> </form> Hello guru's, I have created a contact form on the website, but i dont know how to send the information that the users has typed to my email address What code do i need to type? Can someone please let me know where I can find a free contact form for my site. All I want is a simple form - eg: Name: Email: Message: Send: If possible a form that I can copy and paste right onto my site, thanks! I'm trying to create a form for my website that will email me the information when submitted. I don't know if this can be done in HTML. I cant use PHP on my forum so it cant be that. The other option i have is one coded in JavaScript. Anyone know where i can either get a html or JavaScript code for such a thing please. Thanks Jake Ok so I made a kinda complex layout in photoshop by slicing and I'm using hte code they gave me to put it all together. I've switched the images from being in the table to being the background of the table. Everything seems to work great. But I'm trying to make it so that when I type too much in the body function the body will just roll down and repeat itself and the links on the left side will stay and do nothing. But at the same time I want it so when I get too many links I want the links bar to continue to roll down and repeat itself while the body does nothing. Well right now when the body rolls down there are gaps in every break in images on the links side. I've tried valigning them all to the top and it works on the first one but the 2nd 3rd and 4th image still have gaps between them. Any suggestions? Hello folks, I'm having trouble with the code for a sliced background image, and am hoping someone can help. You can see the design at this url: http://www.magicalwonders.com/graphicslice1/ There are two problems that I'm having difficulty with. 1. I have included a repeating background tile for the right hand sidebar, and although the tile is diplaying O.K. my graphic is breaking at the top of the page when there is text overflow. http://www.magicalwonders.com/graphicslice2/ 2. Second problem. Although I have a repeating tile created for the left hand sidebar, I'm not sure how to include it in the code, as I'm already using a background image referenced by CSS. I need the image for the left side bar to be a background image, as I need to add nav buttons to the page. At the moment, the graphic for the left side bar is just repeating itself, which doesn't look too good as it is a graduated colour. My html is as follows: Code: <table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/headerleft.jpg" width="168" height="126" alt=""></td>
<td>
<img src="images/headermiddle.jpg" width="456" height="126" alt=""></td>
<td>
<img src="images/headerright.jpg" width="166" height="126" alt=""></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/top_left.jpg" width="147" height="24" alt=""></td>
<td>
<img src="images/top_middle.jpg" width="468" height="24" alt=""></td>
<td>
<img src="images/top_right.jpg" width="175" height="24" alt=""></td>
</tr>
<tr>
<td id="leftsidebar">
</td>
<td valign="top">
Content goes here...
</td>
<td id="rightsidebar">
<img src="images/sidebar_right.jpg" width="175" height="386" alt=""></td>
</tr>
<tr>
<td>
<img src="images/footer_left.jpg" width="147" height="64" alt=""></td>
<td>
<img src="images/footer_middle.jpg" width="468" height="64" alt=""></td>
<td>
<img src="images/footer_right.jpg" width="175" height="64" alt=""></td>
</tr>
</table>
</body>
</html>
And my CSS is: Code: #leftsidebar {
background-color: #fead01;
background-image: url(images/sidebar_left.jpg);
}
#rightsidebar {
background-color: #fead01;
background-image: url(images/sidebar_repeat_right.jpg);
background-repeat: repeat-y;
}
Any help or advice would be much appreciated. Many thanks Myles |
|||||||