Jebediah_bobo

Hi mate Most content management system work on the basis of constructing a page from a standard template and then pulling in the relevant data from a mysql database - commonly using php as you've suggested. I kind of think you'd be reinventing the wheel to try and build this from scratch when there are loads of opensource content managements systems out there that would likely do the job for you - that you can tweak to your specific needs. If you want to do it yourself though you need to learn the basics of php and retrieving data from a database. Assuming you've never done either of these things then I would suggest checking out http://www.w3schools.com/php/default.asp which has a wealth of info for a whistlestop tour of the basics of what you're trying to achieve. Jeb

Don't think it's possible since the end user will have access to the source file. One solution might be to add a hidden js variable in the copywrite/backlink text with an onload script that checks for the presence of the variable. If it's missing the script could then overwrite some/all of the css/html to break the template. Obviously its not an entirely solid solution. Just an idea.

I could be wrong... as I'm not entirely sure where your broken link is appearing? Is this something you're seeing in your google web master account? Anyway it sounds like an issue with your cms or mod_rewrite file. Might be worth posting it here. Jeb

This is a tough one. But given that the font displayed to the end user is based on the character set installed on their machine you could try installing some chinese character sets on your/their computers and test some chinese text in your form to see if the form outputs correctly. Never tried this but it seems logical...

Hi Mate Best way to centre is to wrap your site in a containing Div and set a width for that div. Then set the margin css for that div to margin: 0px auto 0px auto; and that will align your site centre. As for resizing the background image I am not sure. You would likely need some javascript to read the screen size which would then select a different background image to suit. But to be honest this is probably taking it a bit far. Hope that helps in some way. Jeb

Hi Guys I'm trying to find a decent sitemap generator. I work for a large charity so it needs to reputable as I've seen a few that offer to "automatically add your site link over 1500 websites"...which is definitely not what i want! Just need a simple xml site map generator that is ideally free. Thanks, Jeb

Might be giving you the overly simplistic answer here. If you're tiling an image then you really just need to set 100% width and height on the containing element. That way it'll scale with the browser.

Hey mate I encountered an issue like this before. Try adding padding-top: 1px; to the containing div. This usually fixes the issue but without seeing your code it's hard to be 100% sure of a solution. Jebediah

Hi Steve! Your site looks good. I'm not sure I would have designed the nav quite like that but we all do things differently. One fundamental, you may or may not know, is that png and ie6 really don't mix well. I've tweaked your css below and this should get your nav to display correctly in IE6,7 and other decent browsers! Cross browser issues are something you just need to live with but as you work more and more on sites you'll start to find you encounter these issues less and less. Mainly because you'll get out of any bad coding practices. To fix your issue I've changed your nav links into block level elements and floated them. Turning them into blocks allows you to set a height on the nav links and that fixes the IE issues. Try out the css and let me know if you have any other probs. Jebediah @charset "utf-8"; body { font: 100%; background: url(cricket6.jpg); margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; } .oneColFixCtrHdr #container { width: 871px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; text-align: left; /* this overrides the text-align: center on the body element. */ border-left: 2px solid #000000; border-right: 2px solid #000000; border-top: 2px solid #000000; } h1 { background-image: url(nav2.png); height: 18px; color: #FFFFFF; width: 852px; margin-left: -20px; margin-top: 10px; padding-left: 20px; padding-bottom: 5px; line-height: 1em; } h2 { background-image: url(banner1.png); height: 18px; color: #FFFFFF; width: 857px; margin-left: -20px; margin-top: 40px; padding-left: 5px; padding-bottom: 5px; line-height: 2em; } p { font-size: 12px; margin-right: -15px; } #navbar { font-size: 12px; background-image: url(http://www.gopherdesign.co.uk/clients/PeperHarow/nav1.png'>http://www.gopherdesign.co.uk/clients/PeperHarow/nav1.png); text-align: center; height: 34px; padding-top: 1px; -width: 900px; } #navbar ul { margin: 0; overflow: hidden; list-style-type: none; padding: 0px 0px; } #navbar li { float: left; } #navbar a, a:link { text-decoration: none; color: #fff; padding: 11px 52px 11px 52px; display: block; float: left; height: 12px; margin-left: 0px;margin-top: 0px; background-image: url(http://www.gopherdesign.co.uk/clients/PeperHarow/nav2.png); background-position: left center; border: 1px gray solid; font-weight: normal; } #navbar a:hover, a:visited { text-decoration: none; background-image: url(http://www.gopherdesign.co.uk/clients/PeperHarow/nav1.png); } #link a, a:link { border: none; clear: both; margin: 0; padding: 0; color: #003300; background: none; font-weight: bold; } #link a:hover, a:visited { color: #000000; border: none; clear: both; margin: 0; padding: 0; text-decoration: underline; } .float_right { float: right; } .oneColFixCtrHdr #header { background-image: url(http://www.gopherdesign.co.uk/clients/PeperHarow/logo4.png); background-repeat: no-repeat; background-position: center left; border-right: 10px solid white; height: 118px; margin-top: 2px; } .right { float: right; margin-top: 3px; z-index: -4; margin-right: 5px; } .oneColFixCtrHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } .oneColFixCtrHdr #mainContent { padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ background: #FFFFFF; width: 550px; float: left; font-size: 11px; clear: both; } .oneColFixCtrHdr #mainContent h1 { padding-top: 8px; font-size: 1.5em; } #rightmenu { float: left; width: 275px; text-align: center; margin-left: 6px; } #rightmenu img { margin-top: 5px; padding: 1px; z-index: 3; background-color: #333333; } #rightmenu p { margin-top: -10px; } .oneColFixCtrHdr #footer { padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:url(nav1.png); clear: both; color: #FFFFFF; text-align: center; } .oneColFixCtrHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ } .oneColFixCtrHdr #footer a:link { text-decoration: underline; color: #000; margin: 0; padding: 0; } .float_left { float: left; padding: 10px 10px 10px 25px; } .style1 { font-size: 10px } .style2 {font-size: 12px}

Hello My first post here. I've always been in the dark about something and thought it was high time i ask the embarrassing question and learn! Can anyone tell me how a website can get it's links to appear on google in the format of the screenshot attached? Thanks, Jebediah