Wickham

IE doesn't process outline, so add border: none; like this: <img style="border: none; outline:none; margin-bottom:-21px;" src="Images/Contactline.jpg" width="781" height="30" alt="Contact" /></a>

Your page is inside a wrapper: #wrap{padding:0 100px;max-width:1414px;position:relative;margin:0 auto;top:0;left:0;min-height:100%;height:auto !important;height:100%;} which has max-width: 1414px and it filled most of my 1366px wide screen and it reduced in width as I used a smaller screen window. However, you have left: 0; in the style and I would delete that as it will tie the page to the left in resolutions over 1414px and stop it centering. Another style has side padding 88px: #wrap,#footer .group{padding:0 88px;} which creates the quite wide white spaces each side of the images.

Give your div element the height that you want (width is optional) and style with overflow: scroll; (both scroll bars will show) or overflow: auto; (one or both scrollbars will show only if needed). The site used: #productsleft { float:left; width:330px; height: 336px; overflow-y:auto; overflow-x:hidden; margin-right:10px; }

You seem to have chosen only the Animation page of this website http://caniuse.com/# which I find very useful.

Both pages work with logo and stylesheet for me - different text, one has facebook and Twitter icons, second has Today's Schedule. However, when i mis-type a url like http://gateway978.co...pages/4004.html I get the standard 404 page, not your styled one. Have you got your page linked in your .htaccess file? ErrorDocument 404 /404.html or whatever your error page is called.

You can do it with matched pairs (each link has a class or id and each page body or menu parent div has a different class or id and when the link matches the page, the background changes), or you can use PHP. Items 3 and 4 here http://www.wickham43...ghlighthome.php use background images and if you go from the home page to the services page you will see the orange tab change.

W8 has IE10 and now IE is catching up other browsers. Text shadow and multi-columns work now, and these are commonly used, so that's good. Border-image still doesn't work, but I don't think this is used much.

I think they have their uses. Lots of major online commerce sites uses a popup to give temporary advice to the user about the link he/she is about to click, like "This will finalise your purchase".

There's obvoiusly a big difference between W8 on a desktop and in the "metro" UI, which has cut-down features everywhere so it's OK for people on the move but for serious computer work I think you need the desktop version. Even Skype is a simpler version with no conference option although you can download the full version via the desktop. Flash doesn't work on either UI my Surface RT computer but should work in the desktop version on a normal computer, although I think the "metro" UI on a normal computer won't process Flash until Microsoft approve the page! My computer lists Flash as installed but it doesn't work . (EDIT: YouTube flash works on desktop IE10 AND the 'metro' UI on my Surface RT and I checked that it was flash, and BBC iplayer works on both UIs, not sure if that's flash video, but my site's flash doesn't work on either UI - criminal!). I guessed all the above would be the case before I bought the Surface RT and it's fine for me to carry around the house and surf the web or look at my email but I go back to my desktop pc for anything complicated or use the desktop UI on my Surface RT. The "metro" UI doesn't show a list of favourites (spelt in English), it just shows tiles and I have 639 favourites all in one long line and it's impossible to find anything, even if I tried to group them. I have to use the desktop UI to see my favourites in 52 folders. I have found that a mouse is essential as it's much more precise than the trackpad and seems to have better options on the right click, for instance, trying to highlight several files to copy at the same time seems impossible but can be done with a mouse. The virtual keyboard is often easier to use than the detachable keyboard and having a usb port is a godsend for transferring files (I could use the cloud) or for connecting a mouse. I don't really know why so many reviews complain about switching from the "metro" UI to the desktop. In most cases I don't notice if something has opened in the desktop version and I think people should be glad to use the desktop UI with the full version of W8. People may be trying to do too much via the "metro" UI when it should only be used for the sort of things people do on a smart phone - emails, Twitter, using IE to search for something, etc. In the next upgrade, I think the full features in the desktop UI should somehow be available in the "Metro" UI, then the old desktop UI could be discontinued, but that might make the "Metro" UI too complicated, whereas it's quite slick at the moment. I could have bought a small netbook but that would just have duplicated my desktop pc without giving me the touch screen, so I'm not sorry I bought the Surface, but it is an expensive toy. However, it gives me W8 and IE10 and a touch interface which I wanted.

I've been experimenting with the desktop UI a bit more. The IE page can be zoomed but the IE icons don't increase and they're too small for my finger, so it's better to use the trackpad. (I've just added an old mouse which improves things dramatically. I hate trackpads.) When holding the RT tablet I've often pushed the side zoom button! When I did the last reply using the new UI I couldn't get a paragraph break (although I can in Word just by clicking Enter). I'm abandoning the separate keyboard already, but it will be useful for the desktop. [i must stop removing bits of dust with my finger (it does something!).] I'm still of the opinion that the new UI touch screen should only be for casual use. I find I have to use the desktop and mouse to do serious stuff.

My RT arrived after Lunch. The new W8 UI seems to work well. I actually find the tablet keyboard easier to use than the separate 'Type' keyboard. I've pinned my most popular websites to the start screen but done little other experimentation. The desktop seems to be OK except that you must use the keyboard and trackpad. You can group the new UI start menu tiles but I think it will need a lot of side sliding if I pin a lot of websites to it. There's no file manager if you have a lot of links or favourites.

I'm retired now but when I was working I used to have five or six large drawings spread out in front of me as well as specifications around the desk, all in front of the monitor which was far out of reach of my fingers, and I used to manhandle the keyboard and mouse around so that I could see what I was working on. That's what I mean by the touch element of W8 not being useful to an office worker. The reports suggest that the mouse on the new UI needs far more mouse clicks, so I can see office workers using the desktop UI at first and probably continuing with that. So I suggested that Microsoft should probably make them both a proper alternative, so you use one or the other. I get the impression that many of the reviewers are trying to do too much with the touch UI.

I think the rootpath option probably needs a root relative link with just one / in front: $mcImageManagerConfig['filesystem.rootpath'] = '/uploads/'; It won't work on your local computer unless it's from Apache sever as it need to go direct to the root whereas your computer probably has C:\ as the root with lots of sub-folders.

I've always been a Google fan (but haven't been able to use Android because I haven't got a signal for a smart phone where I live) and I've always hated Microsoft (IE, although Word, Excel and Outlook are OK) and now I've just bought a microsoft product! However, one of the first things I'll do is install the app for Google search for Windows 8 as it only has Bing https://www.google.c...epage/windows8/ There are reports that Google search app isn't available yet for RT (because Google hasn't got it to work on the RT OS yet but I hope it will be before I receive my RT). Anyway, it's no big deal to get the Google search page in an IE10 window, just a little more effort and then keeping that window open. Unfortunately I think the app for Google Chrome is only for the full Windows 8. Reading all the reviews of Windows 8, I do wonder if it's suitable for use with a mouse. I can't see major computer users like office workers liking it. I wonder if Microsoft will have to beef up W7 and keep that for desktop users. I can see old people getting totally confused by the two interfaces and using Firefox or Google (if they even know how to install those) or just giving up using a computer. W8 seems more suited to hand-held devices, that's why I bought a Surface RT.

Just bought Windows Surface RT online this morning (3 weeks delivery promised but I expect it will be more as it seems popular). I realise that the Surface RT is half way between a smart phone and a desktop, but it will do what I want - Word, Excel, Mail, IE10 for testing and Windows 8. I think (hope) it will run my Epson printer. Reviews seem to indicate that it runs most printers, (it has a normal usb connection), but most programs I have on my desktop like Irfanview won't run but as I like W7 on my desktop I'll live with that. The benefit for me is to use it around the house for surfing the web while keeping W7 desktop for serious stuff. I haven't got a smart phone as there's no signal where I am, so the Surface (previously Metro) UI will be good practice for me. More apps may be aproved by Microsoft to run on Surface in due course. I did think about waiting for the full windows 8 tablet, but I don't think either the RT or the full W8 version will be good for serious computer work. You need a good keyboard and a big screen. I'll keep my W7 pc for a few years more and use the RT tablet for casual stuff and it will give me a chance to see how Windows 8 is supposed to work in the touch screen mode. I get the impression that Microsoft have made both versions of the tablet for business people as a substitute for a notebook or laptop so someone can visit a client's office or shop and use the memory or the client's wifi to show something, but not do complicated work on it.

You should try to find out what your target viewers usually have as a screen resolution. These statistics http://www.netmagazine.com/news/browser-screen-resolution-stats-rile-devs-121897 http://www.w3counter.com/globalstats.php indicate that 1366px width is most common now, so if you don't want to code a responsive page, a fixed width of 1340px would be OK to allow for a vertical scrollbar. Some people on this forum have 1920px resolution but they are web developers and the general public usually has 1366px or 1024px.

I can't think why it won't work. The path seems OK, going up one level and then down to the faq directory. Try a root-relative link <a href="/faqs/links.php" style="z-index: 100;">Links Page</a> instead of <a href="../faqs/links.php" style="z-index: 100;">Links Page</a> I expect you know that this won't work on your local computer as the root directory is different for the host's root.

I used this tutorial http://ryanfait.com/sticky-footer/ CSS @charset "utf-8"; /* CSS Document */ html, body { height: 100%; } * {margin:0;} body{ margin:0 auto; background-image:url(imgs/bg3.jpg); background-repeat:repeat-x; background-color:#68a621; color:#FFFFFF; font-size:14px; } #container{ background: yellow; width:100%; min-height:100%; height:auto; !important; /*100%;*/ /*position:relative;*/ margin: 0 auto -130px; } #inner_container{ background: pink; } /* Link Section */ #link_container{ width:100%; height:25px; top:0; position:relative; background-color:#C96; clear:both; } /* End of Link Section /* Header Section */ #head_container{ width:1024px; height:80px; background-color:#0099FF; margin:0 auto; } #sub_left_header{ float:left; width:512px; background-color:#996600; } #sub_right_header{ float:right; width:512px; background-color:#99F; } /* End of Head Section */ /* Body Section */ #body_container{ width:1024px; height:auto; background-color:#999999; margin:0 auto; clear:both; position:relative; } /* End of Body Section */ /* Footer Section */ .push { height: 130px; clear: both; } #footer { position: relative; clear:both; /*bottom:-190px;*/ width:100%; height: 100px; min-width:100%; /*margin-top: 15px;*/ /*100 + 17 + 3 + 10px border = 130px*/ padding-bottom: 17px; padding-left: 1px; padding-right: 1px; padding-top: 3px; background-color: rgb(119, 119, 119); border-top:10px solid #069; box-shadow: -5px -5px 7px #000; -moz-box-shadow: -5px -5px 7px #000; -webkit-box-shadow: -5px -5px 7px #000; } .clearboth{ height:50px;; clear:both; } HTML <!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> <link href="style/main.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="inner_container"> <div id="link_container"> Header </div> <!-- End of link container --> <div class="clearboth"></div> <div id="head_container"> <div id="sub_left_header"> Logo </div><!-- End of sub left header --> <div id="sub_right_header"> Slogan </div><!-- End of sub right header --> </div><!-- End of main header --> <div id="body_container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consequat accumsan est eu interdum. Etiam sed purus sem, a auctor ipsum. Phasellus massa nunc, venenatis semper tincidunt id, luctus quis ligula. In vitae aliquam lorem. Nam nec lectus erat, ut elementum odio. Vivamus in mi at lectus hendrerit fringilla. Aliquam vehicula felis nec leo ullamcorper vel vehicula erat suscipit. Nunc eu tortor in nunc pharetra tincidunt. Maecenas posuere eleifend orci sit amet euismod. Suspendisse potenti. Curabitur in enim tortor. Maecenas eu quam at massa vulputate ultrices eget ac diam. Fusce pellentesque auctor mauris vitae tempus. Nam in sem nunc. </p> </div><!-- End of main Body Container--> </div><!-- End of inner_container--> <div class="push"></div> </div><!-- End of main Container --> <div id="footer"> Footer </div><!-- End of Footer--> <!--</div>--><!-- End of main #container - moved up above #footer--> </body> </html> Note that I put everything inside a #inner_container to hold it together. The #container has the .push div just inside the bottom and the #footer is outside the #container. There must be no top and bottom margins (apart from the negative top margin for #container) or you will get a vertical scrollbar. I left in some background-colors so that you can see what divs are doing. I tested by making the window smaller height and the footer does then stay below the #container, but stays at the bottom of the window if there is a greater window height.

There's a real danger that your domain name will get confused with the other one if its only difference is a hyphen or two. Try to be very different, with the name possibly referring to what you do and the place if that's relevant like villagename-butcher.co.uk

It depends what resolution the user's browser has. Do you mean 75% of a mobile phone's 320px width or 75% of a desktop's 1920px width? It looks as if you should investigate Media queries where you can set break points at different widths to suit different browser resolutions. http://www.html5rock...espeed=noscript http://kyleschaeffer...-media-queries/

Look at http://ryanfait.com/sticky-footer/ or http://www.cssstickyfooter.com/

You can use text-align: justify; in a h1 tag (or p, li tag, etc.). However, I've found that if you only have one line of text that isn't enough to reach the end of the line, it doesn't stretch. Similarly if you have a lot of text, all the lines except the last one justify. Try word-spacing if you only have a little text h1 { word-spacing: 30px; } http://www.w3schools...ord-spacing.asp Use em instead of px for the container of the h1 tag (or the h1 tag) and the word-spacing if you have a fluid width page. Otherwise, with only a little text, you could adjust the letter spacing but it might look odd. h1 { letter-spacing: 5px; } Try both word-spacing and letter-spacing for an even spread (never tried it myself).

I'm still not aware of the code in register-submit.php. However, have you checked that you have used the same names everywhere? In the code above you have $parents_name = $_POST["parents_name"]; but in the form you have <input type="text" name="ParentsName" size="40" value="<? echo $parents_name ?>" /> but it's name="ParentsName" which is used as the hook when you click the submit button, not the value from $parents_name which is parents_name. Does it all tie up?

$from parent_name doesn't appear in your code above (it's $parents_name above). Is it a typo? Is it in register-submit.php? What is the code for register-submit.php?

Very difficult. Any comment you add in the HTML or CSS files would soon be found and deleted. You could add a very unusual word (a completely meaningless made-up word) and put it somewhere and hope that it stays hidden there. Then Google might find it if you searched for it. You can try to prevent images being stolen by using .htaccess file to substitute another image (hotlinking see http://www.renaissance-design.net/2010/mistyped-url-duplicate-content-htaccess-and-mod_rewrite-to-the-rescue/ ) if the other design links to it directly but it won't help if the new design has it copied and loaded from its own server.