Wickham
-
Posts
1,114 -
Joined
-
Last visited
-
Days Won
5
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Everything posted by Wickham
-
Google jquery thumbnails or jquery slideshow There are lots of plugins. Here's one http://wayfarerweb.com/jquery/plugins/simplethumbs/ It doesn't show a larger image on hover, only on click, but I expect you will find one somewhere.
-
Ben, I'm amazed that you find any time to do paid work, you answer so many questions here and also spend a lot of time on the various skins there have been. Fantastic.
-
There used to be some links right at the top on the right to the killersites tutorials etc. which aren't there now.
-
Firefox to IE or IE to Firefox - compatibility problems
Wickham replied to markwill2112's topic in CSS
Falkencreative means that in your stylesheet "/2007templates/css/content.css" just before half way down you need to add overflow: auto; like this:- .two-col-block { overflow: auto; width: 59.2em; /* changed from 59.1em - PJG */ background: transparent url(/2007templates/images/dotted_line_bg.gif) repeat-y 50% 0%; } It works to move the text Enquiries If you wish to discuss ........... down below instead of alongside the red links. I've tested it. -
Welcome. I can't recommend a particular thread, but for a beginner read some threads in the Beginners Web Design, HTMLXHTML and CSS forums which have less advanced queries than the other forums. I can also recommend the Building a website parts 1 and 2 and Learning CSS parts 1 and 2 videos under the Web Design heading here if you are a beginner (there is a subscription):- http://www.killersites.com/university/index.php
-
Slight but important corrections to daddyalfie's comments:- 3. You need a "doctype" specified right BEFORE the initial <html> tag 4. You DO need an <html> beginning tag just BEFORE the <head> tag and an end </html> tag just AFTER your </body> tag The order should be:- Doctype <html> <head>............</head> <body>............</body> </html> Check your code in this validator:- http://validator.w3.org/ (it may refuse to check the code until it's nearly correct). Choose a doctype from here:- http://www.w3.org/QA/2002/04/valid-dtd-list.html preferably Strict HTML or XHTML for pages inserted inside frames Frames doctype for the frameset file.
-
I've found that if I download Adobe Flash Player 10 via IE I get Adobe Flash Player 10 ActiveX and if I download in Firefox I get Adobe Flash Player 10 plugin. I find I need both so that Flash works in both browsers (I think the Firefox version is used by Safari and Opera). If I get a prompt to update Flash I need to do it in both browsers. I've never understood why Adobe has two versions.
-
What happens if you leave out the IE8 code (you don't need to tell the user anything if he is using IE8):- <script type="text/javascript"> if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x; var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number if (ieversion>=7) alert("You're using 7.x, please update your IE") } </script>
-
Check out the forum's stats feature ... cool.
Wickham replied to administrator's topic in Open Forum
In my stats it gives active posts 809 and in the side column total posts 1409. I'm not sure what active posts are. I can't believe 809 are recently active, it's more like one or two. The posting activity shows that I am most active at 1am and 2am. Of course that's US time (which zone?) whereas I am in the UK so it's early morning. Perhaps the time zone needs to be shown. Apart from those comments, the format is great. -
Even if you have WAMP or XAMP server on your computer you can't send emails from the local page without an additional email server!! Upload to your host and test emails for real from the online version.
-
This line // send it ini_set('sendmail_from', 'codyperry65@yahoo.com' certainly looks unfinished. There's a ) missing and also a missing ; at the end but my PHP isn't very good. Try // send it ini_set('sendmail_from', 'codyperry65@yahoo.com');
-
I worked at home for nearly four years from 1997 (building industry - measurement, preparing tender documents and valuation). The firm was expanding and the firm was increasing the number of computers from one or two per team to one per person. They needed more work desks and I had a bad back and it was suggested that I could work at home. I was given a new computer and it was connected by direct dial-up to the firm's server. I think it helped the firm because I released a valuable workspace. At first it was great, I could start work at 7.30am, take a long lunch break and work on in the evening, all in peace and quiet. As the years went by I found that I was getting out of touch with people in the office and new work developments, new IT systems, etc. Every time I went into the office I saw people I didn't know and they stared at me like I was a newcomer, even though I'd worked for the firm for twenty years. I was called in on occasions when a new computer program was being used for my work, but I still found that I missed the contact with people in nearby desks for advice and casual conversation. Luckily my main contact, the person I sent all my work to, didn't leave. I think I would have found it difficult to build up a relationship with someone new without working close by. Getting huge piles of drawings and documents sent out to me was difficult and sometimes delayed me. If I had been in the office I could have started work on a revised drawing immediately (time was always critical) but I would either have to go in to the office to pick up the documents or they would be sent out with an office junior by taxi. Sending my work back was easy - Excel or other files sent by email. I retired after about four years. I don't think I could have done it for a lifetime. Too quiet eventually! Working at home for, say, two or three days a week would probably be the ideal because you could then keep up with latest developments and people in the office..
-
That could be a slightly different problem as trowley said I have a css drop down menu that overlays a swf which implies that it's working to show the drop down over the flash but has some other distortion problem. If the dropdown menu disappears behind the flash, I find that adding position: relative; z-index: -1; to the flash parent div and also the transparent codes listed above and position: relative; z-index: 1; to the menu parent div solves it.
-
Oh! I thought it was because the whole world was watching the 15 video cameras on the ROVs at the bottom of the Gulf of Mexico. Now that there's nothing to see on them as the oil and gas flow has been temporarily stopped during a test, I expect this site will get busier.
-
You mean on http://www.killersites.com/ ? I found it distracting, but think I would accept it if the slide was slower. The slide is sudden and fast and almost makes me giddy.
-
The form code looks basically OK. You don't need the input tag with reset as a viewer can edit what he entered in each other input box. The reset clears all entries. The form uses a table which is OK but most people would now use a list. The form has action to a mailto which means it has to open a viewer's email client like Outlook Express or Outlook, cannot be used from an internet cafe and mailto addresses can be harvested by spambots. If you want an email form that hides your email address and doesn't need to open an email client. use a PHP form. There are plenty of scripts online, some are free. http://www.jemjabella.co.uk/php-scripts-php-mail-form http://www.formmail.com/ They usually have security measures built in to prevent spambots being a nuisance. Edit: you can style input boxes and other form tags like select boxes input { background: #eee; color: red; }
-
Try again with the html and body backgrounds. I use that method and haven't had a cross-browser problem that Ben referred to. html { background: url(page_bg.png); }/*small square*/ body { background: url(body_bg.jpg) top left repeat-x; } /*top band*/ The small square that is to cover the whole window must be for the html tag. The top band will repeat horizontally without repeating vertically (only as high as the image) and the small squares should show underneath. Your code won't wok because you have body { background: url(body_bg.jpg); background-position: left top; background-repeat: repeat-x; When you use background-position and or background-repeat you must use background-image first not just background. This makes no sense:- html { background: url(page_bg.png) center top repeat; There's no need to say repeat because that's the default. Center is wrong if you want it to cover the whole page. Just code pnly the background as the rest should default over the whole window. I would code the html image before the body style in the CSS.
-
You've got yourself very confused. The www folder in Wamp is equivalent to the root directory on your server. You don't need to copy or shortcut the files on your computer anywhere else on your computer (except as a back-up), keep them all in the www folder. Upload everything in the www folder to the root directory on the server. Most people would have sub-folders inside the www folder. You might have www folder in Wamp and a sub-folder in it for website_1 and sub-sub-folders inside it for images, css files, etc. In that case you would ftp everything in website_1 folder to the root directory of the server for that website and create an images sub-directory on the server for the files in the images folder on your computer.
-
Choose a drop down menu thta's similar to what you want from here:- http://www.cssplay.co.uk/menus/ and edit it. Copy/paste the styles from the head section of the cssplay source code, usually a section with #menu or #nav and then copy/paste the body markup div section. Then edit.
-
I've re-coded a lot of your page because you had a mixture of position: fixed; position: absolute; and position: relative; which is difficult to control. You also had lots of large negative top and left positions which should be avoided. The code below has less code and it validates, but it nay not be exactly what you want:- CSS @charset "utf-8"; /* CSS Document */ body { background-color:#06C; color:#FFF; Font-family:"Arial Black", Georgia, sans-serif; margin: 5px; padding: 0; } p { text-indent:25px; font-size:1em; color:#FFF; Font-Family:"Arial", Verdana; margin: 0; padding: 0; position:relative; } h1 { color:#DBE3E6; font-size:2.5em; position:relative; } h2 { color:#DBE3E6; font-size:1.875em; position:relative; } h3 { color:#DBE3E6; font-size:1.875em; position:relative; } a:link { color:#06C; } a:visited { color:#06C; } a:active { color:#06C; } #buildorder { margin: 5; padding: 0; position:relative; } #wrapper { width: 990px; margin: 0 auto; } #header { width: 600px; height: 100px; } #navigation { position: relative; float: left; width: 136px; height: 60px; margin:0; padding:0; } #content { width: 844px; margin-left: 136px; padding: 5px; } ul, li { margin: 0; padding: 0; list-style-type:none; } <!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> <link rel="stylesheet" type="text/css" href="brentstylesheet100531.css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Index</title> </head> <!-- Beginning of banner and links --> <body> <div id="wrapper"> <div id="header"> <a href="index.html"><img src="images/Banner.jpg" alt="How to Build a Computer" /></a> </div> <div id="navigation"> <ul> <li><a href="index.html"><img src="images/home.jpg" alt="Home" /></a></li> <li><a href="shopping.html"><img src="images/shopping.jpg" alt="shopping" /></a></li> <li><a href="building.html"><img src="images/building.jpg" alt="building" /></a></li> </ul> </div> <!-- Ending of banner and links --> <div id="content"> <p>This website was designed to be a resource for people wishing to learn how to build a computer. The topics that will be discussed are where to shop for parts, how much to spend, build order, installing the operating system, and overclocking. </div> </div> </body> </html>
-
I think that people can use CSS3 features where they are purely visual like box-shadow because if they aren't processed your page still looks OK. However, if you use a CSS3 feature that controls the processing, like <video>...</video>, then the video won't show in browsers that don't process it, which wrecks the page. So which are the features that are only visual and harmless if not processed? These sites have some information http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/ http://www.w3.org/TR/2008/WD-html5-diff-20080122/ which features are dangerous to use now?
-
Remember that Suckerfish uses Javascript which some people may have disabled. Here are some pure CSS navigation menus:- http://www.cssplay.co.uk/menus/
-
Posted twice - see my answer to your other post.
-
First of all, you haven't got a doctype from here http://www.w3.org/QA/2002/04/valid-dtd-list.html I suggest this one to suit your coding:- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> which should be above the html tag, first item in the html file code. Second, try z-index: -1 instead of 1 for the image style:- .bg { width: 100%; position: fixed; top: 0; left: 0; z-index: -1; } which should put it behind everything. Your code seems to be similar to mine here:- http://www.wickham43.net/backgroundfullwidthflexible.html which does work in IE8.
-
If you have * { padding: 0; margin: 1.12em 0; } it will make all top and bottom margins for all elements 1.12 x the height of the default font size, so a <br> line break will be large. I prefer to keep * { padding: 0; margin: 0; } as the first style to make all browser default margins the same (but all 0) then add different margins where you want, so you might have different margins for p tags and each h1 to h5 tag, possibly having different top margins from bottom margins according to what you prefer:- p { margin: 3px 0; } h1, h2, h3 { 1em 0 0.5em 0; } h4, h5 { 4px 0 2px 0; } then th e<br> line break will relate to the element it's inside.