sk8ertim Posted November 16, 2007 Share Posted November 16, 2007 Hi all, well I made a site www.skating-camp.com for my parents.But the site doesnt work rite :blink:1st wen I made the site it was Supposed to look like thisBut now when I open it threw any browser it looks like this You see the difference in the fronts, and there is a gray frame in the second pic. :blink:Please dont flame on me Im a TOTAL N00B :) Thanks in advanceTim Link to comment Share on other sites More sharing options...
justsomeguy Posted November 16, 2007 Share Posted November 16, 2007 First, change this link:<td width="27" nowrap bgcolor="#D1F1F1"><img src="file:///C|/Documents and Settings/Tim/My Documents/mm_spacer.gif" alt="" width="15" height="1" border="0"></td>That image is a link to your local computer. You can also add this to your CSS to remove the space around the edge: html, body { margin: 0; padding: 0; } You can change the font to use in the CSS. There is a font-family property. Link to comment Share on other sites More sharing options...
sk8ertim Posted November 16, 2007 Author Share Posted November 16, 2007 First, change this link:<td width="27" nowrap bgcolor="#D1F1F1"><img src="file:///C|/Documents and Settings/Tim/My Documents/mm_spacer.gif" alt="" width="15" height="1" border="0"></td>That image is a link to your local computer. You can also add this to your CSS to remove the space around the edge:html, body { margin: 0; padding: 0; } You can change the font to use in the CSS. There is a font-family property. What do I have to change it to???? img/mm_spacer.gif ???Sorry for my n00bness Link to comment Share on other sites More sharing options...
Reg Edit Posted November 16, 2007 Share Posted November 16, 2007 What do I have to change it to???? img/mm_spacer.gif ???Sorry for my n00bnessYes but you must also upload the file. Currently only the other two image files are present in that folder. Link to comment Share on other sites More sharing options...
sk8ertim Posted November 17, 2007 Author Share Posted November 17, 2007 What does mm_spacer.gif do anyway???Also Im still having problems with the stupid gray frame. and still got a screwed up fronts thing.I also found another problem on the site. but this one is the Most importante thing to worry about for me.I made a application on the site that I want to be sent to me to admin@skating-camp.com. BUT there is a problem, it sends it threw Outlook.Wile I need it to be sent sum how threw the site.Look yourselfthats the send buttonThe Error message I getThanks for all your help people.Tim Link to comment Share on other sites More sharing options...
Synook Posted November 17, 2007 Share Posted November 17, 2007 I made a application on the site that I want to be sent to me to admin@skating-camp.com. BUT there is a problem, it sends it threw Outlook.Wile I need it to be sent sum how threw the site.If you do not want to use the mailto: pseudo-protocol you will need to use a server-side language to send the e-mail. PHP has a very simple mail function, more information at http://www.w3schools.com/php/php_mail.aspAlso Im still having problems with the stupid gray frame.Did you try adding the margin:0px and padding:0px rules to the body selector in your CSS? If you have no idea what I am talking about, just in your body's <head> tag, there is the <style> block. Place the code html, body { margin: 0; padding: 0; } into it just below the <!-- line. What does mm_spacer.gif do anyway???It is an image that just spaces out the layout so that things aren't squashed next to each other. Link to comment Share on other sites More sharing options...
sk8ertim Posted November 17, 2007 Author Share Posted November 17, 2007 If you do not want to use the mailto: pseudo-protocol you will need to use a server-side language to send the e-mail. PHP has a very simple mail function, more information at http://www.w3schools.com/php/php_mail.aspDid you try adding the margin:0px and padding:0px rules to the body selector in your CSS? If you have no idea what I am talking about, just in your body's <head> tag, there is the <style> block. Place the code html, body { margin: 0; padding: 0; } into it just below the <!-- line.It is an image that just spaces out the layout so that things aren't squashed next to each other. I still can't find it /* Global Styles */body { margin:0px; } td { font:11px Verdana, Arial, Helvetica, sans-serif; color:#003366; } a { color: #FF6600; font-weight:bold; } a:hover { color: #3366CC; }/* ID Styles */#navigation td { border-bottom: 2px solid #C0DFFD; } #navigation a { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height:16px; letter-spacing:.1em; text-decoration: none; display:block; padding:8px 6px 10px 26px; background: url("mm_arrow.gif") 14px 45% no-repeat; } #navigation a:hover { background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat; color:#FF6600; } #logo { font:24px Verdana, Arial, Helvetica, sans-serif; color: #CCFF99; letter-spacing:.2em; line-height:30px; }#tagline { font:12px Verdana, Arial, Helvetica, sans-serif; color: #FF9933; letter-spacing:.4em; line-height:18px; }#monthformat { border-bottom: 2px solid #E6F3FF; } #dateformat { font:11px Verdana, Arial, Helvetica, sans-serif; color: #003366; letter-spacing:.2em; } #dateformat a { font:11px Verdana, Arial, Helvetica, sans-serif; color: #003366; font-weight:bold; letter-spacing:.1em; } #dateformat a:hover { color: #FF6600; letter-spacing:.1em; } /* Class Styles */ .bodyText { font:11px Verdana, Arial, Helvetica, sans-serif; color:#003366; line-height:20px; margin-top:0px; } .pageName{ font: 18px Verdana, Arial, Helvetica, sans-serif; color: #3366CC; line-height:24px; letter-spacing:.2em; } .subHeader { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color: #3366CC; line-height:16px; letter-spacing:.2em; }.quote { font: 20px Verdana, Arial, Helvetica, sans-serif; color: #759DA1; line-height:30px; } .smallText { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #003366; } .navText { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #003366; line-height:16px; letter-spacing:.1em; text-decoration: none; } Link to comment Share on other sites More sharing options...
Reg Edit Posted November 17, 2007 Share Posted November 17, 2007 I still can't find it ...Can't find what? If you mean mm_spacer.gif, I see you've now uploaded that to http://skating-camp.com/img/ and the html refers to it. So that should now be OK. (These spacer files are usually invisible so you won't see anything appear, just better line-up with the spacer in between.) Link to comment Share on other sites More sharing options...
sk8ertim Posted November 17, 2007 Author Share Posted November 17, 2007 Can't find what? If you mean mm_spacer.gif, I see you've now uploaded that to http://skating-camp.com/img/ and the html refers to it. So that should now be OK. (These spacer files are usually invisible so you won't see anything appear, just better line-up with the spacer in between.)No I can't find thisDid you try adding the margin:0px and padding:0px rules to the body selector in your CSS? If you have no idea what I am talking about, just in your body's <head> tag, there is the <style> block. Place the codeCODEhtml, body { margin: 0; padding: 0; }into it just below the <!-- line. Link to comment Share on other sites More sharing options...
Reg Edit Posted November 17, 2007 Share Posted November 17, 2007 No I can't find thisDid you try adding the margin:0px and padding:0px rules to the body selector in your CSS? [...]Your body selector isbody { margin:0px; } So Synook is suggesting you should change it to: body { margin:0px; padding:0px } Link to comment Share on other sites More sharing options...
sk8ertim Posted November 17, 2007 Author Share Posted November 17, 2007 Just changed it, but still nothing :) Link to comment Share on other sites More sharing options...
justsomeguy Posted November 19, 2007 Share Posted November 19, 2007 You have another local link:<link rel="stylesheet" href="file:///C|/Documents and Settings/Tim/My Documents/mm_training.css" type="text/css">That won't work for anyone online. Any links that start with file: need to be replaced with either absolute links that start with http: or relative links. Also, for these parts:<style type="text/css"><!--...--></style>Remove the HTML comments (the lines after and before the style tags). Those aren't supposed to be inside CSS and may cause problems. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.