Jump to content

Wickham

Advanced Member
  • Posts

    1,114
  • Joined

  • Last visited

  • Days Won

    5

Posts posted by Wickham

  1. This edit of your page has three columns:-

    http://www.wickham43.com/forumposts/seafoodtokyo-sushi-chef-institute101117.html

     

    I added backgrounds to the columns to see the extent of them but you can delete them.

     

    The wrap div is 1050px wide to suit the header image. Remember if you edit the widths that the total width is all the div widths plus side margins plus side padding plus side borders (if any) so at present it is

    #left 150px + 2*5 padding = 160px

    #right 150px + 2*5 padding = 160px

    #middle 720px + 2*5 padding = 730px

    Total 1050px like #wrap and the header image.

     

    I deleted all the blockquotes, there were so many of them, and put a margin top and bottom onto the p tag to create the space between the p tags.

     

    I didn't change the menu.

     

    I hope that helps.

  2. The menu with the blue background in the link does use a table, but most expertss would recommend using a list with the li tags using float: left;

     

    Have a look at some examples of pure CSS menus which don't need javascript here:-

    http://www.cssplay.co.uk/menus/

    like these ones

    http://www.cssplay.co.uk/menus/tab_highlight.html

    http://www.cssplay.co.uk/menus/pro_horizontal.html

    where you can download the html and CSS styles and edit as you want.

  3. Who am I to argue with Kyle!

     

    However, I think most people do use relative paths and there is a relative path method that solves Kyle's situation where you move code around to different folders at different levels - use a root-relative link. These ALWAYS go back to the root directory of the website from any file at any level and work down from there to the correct directory/folder and file.

     

    http://www.motive.co.nz/glossary/linking.php#root

     

    Root-relative links always start with a / like <a href ="/index.php">Motive homepage</a> or <a href ="/images/index.php">Motive homepage</a>

     

    Edit: the root-relative links work perfectly from your host's server online, but don't work on your local computer because the root folder is C: which won't create the correct path to the file so you have to check that links work from your online page.

     

    So relative and root-relative links do have some disadvantages, which is probably why Kyle plays safe, but most of the rest of us tend to use relative and root-relative links.

  4. When you create a page using PHP and a MySQL database you have to have a server on your local computer to process the PHP and database locally (just for testing) and you can use Wampserver2 http://www.wampserver.com/en/download.php or XAMPP http://www.apachefriends.org/en/xampp.html which have Apache server bundled up with PHPmyAdmin and PHP processing.

     

    Having tested, you upload your html, css, php and mysql files to your hosting service.

     

    When someone fills in a form the data is stored on the mysql database on the hosting service's server. You can set up another PHP page with a password that only you know to read the data from the database from there on a webpage or go into your hosting service control panel and read the database directly. You can then export the database from the hosting service (say at regular intervals) back onto your computer to overwrite the database or export it in another format, like Excel.

     

    http://www.wickham43.net/formphptomysql.php

  5. Do the emails get sent with the customer's email address in the "From" part of the email.

     

    This used to work well with one of my forms and then I got my email account blocked. It's because email providers consider that computer-generated emails which have a different "From" domain from the server domain are spam and are much more likely now to block them.

     

    I changed my forms so that the emails are sent To my address From my address and the customer's email address is put in the message part of the email.

  6. Templates can be good for a beginner. You can edit the markup and css and see what happens, but if you get it messed up just reload from the original or a previous working stage and carry on. They can teach you a lot.

     

    Try to choose a template that has reasonably simple code otherwise you really won't understand anything about how it is coded.

     

    Google "free web templates"

  7. If you want to make the whole box clickable without using .click(function() you can make the p tag a link as well as the h2 tag, both with display: block, like this:-

    <div class="item">
    <h2><a 
    href="http://auxanocreative.com/grinders/menu/grinders">Grinders</a></
    h2>
    <p><a href="http://auxanocreative.com/grinders/menu/grinders">Choose 
    from our wide variety of hot baked sandwiches, each made to order 
    according to W.G. Grinders exclusive recipe.</a>
    </p></div>
    

    .item h2 a { display: block; }
    .item p a, .item p a:hover {  display: block; text-decoration: none; color: #000000; }
    

     

    It's then pure CSS (I think .click(function() needs javascript enabled, doesn't it?).

  8. You don't have to use that complicated code with .click(function() , just add this code to the bottom of style.css:-

    .item h2 a { display: block; }
    

    It maked the h2 tag show the hand and is clickable all the way across the h2 tag, but only for the height of the h2 tag, not the whole colored box with the p tag underneath (the p tag isn't a link).

  9. We had the discussion about negative rating before. On another forum it was quickly disabled because people were using the - vindictively and arguments arose.

     

    Believe me, it soon raises your blood pressure when someone starts giving you a negative rating!

     

    There was a period on another forum where some kind of battle was going on against one guy.

  10. It's difficult to get any system of rating users working properly.

     

    I've noticed on other forums that you sometimes get a beginner who doesn't know anything who posts lots and lots of questions. As they pass say 50 posts they get made an advanced member and when passing 100 they become an expert, which isn't true.

     

    So you need to rate members on the quality, but then you hit another problem. Some members will answer very few questions, but take the really difficult ones about special subjects like ASP while others (like me) answer lots of easy beginners questions.

     

    Some members will get a lot of + for useful answers while others don't sem to get them. The rating on this forum doesn't seem to be used much. On another forum users are much more likely to give an answer a +

     

    The only real way is for the administrator to rate members according to how he values them, but that might cause a bit of friction!

  11. I'm one of the few people who often have javascript disabled.

     

    I find that many javascript features are annoying. Several forums I look at underline certain words in posts with double green lines and color them green and convert the words into links which take a user to an ad or some other part of the forum which is totally unconnected with the post. For instance if you post the word pension the green link takes you to a page which may be vaguely related to pensions but not at all related to your post.

     

    I also find some image features annoying when they move or flicker.

     

    I enable javascript when I find I need it, like bank accounts, online purchases, downloading programs and the like.

  12. You mention an iframe which loads another page on the main page or pages but you say the table of contents page is house inside an iframe on my photo_video.php page. Could you do the opposite, have a table of contents and a series of links which open every photo page in the same iframe below the table? See itme 2 here:-

    http://www.wickham43.net/framesets.php

    and the example using target="..." to load the iframe from the links.

     

    You could do the reverse, have a series of pages for each individual photo page and then use PHP "includes" to load the same table or anything else that repeats on every page. The repeating code is put in a separate "include" file and inserted into every photo page with PHP code.

    See http://www.wickham43.net/serversideincludes.shtml first para and item 2.

  13. Just to pad out what others have said,

    <a href="ProductList.html">Products</a>

    is a relative link. To use this type of link the file with the link and the file you are trying to link to should be in the same folder, probably including your homepage or index file. If your files are in the Desktop, they should all be there, although most people would set up a separate folder just for their website.

     

    When you upload to a server, files with that type of link need to be in the root directory because you haven't stated any sub-directory like directory2

    <a href="directory2/ProductList.html">Products</a>

    where ProductList.html would be in the sub-directory.

     

    Webkiller's suggestion of

    <a href="/ProductList.html">Products</a>

    is a root-relative link because of the first / and it means that the html file with the link in it can be in the root directory or a sub-directory or a sub-sub-directory and the link will always go back to the root directory to look for ProductList.html but in your case you won't need to use the root-relative method if you don't have any sub-folders (sub-directories). Root-relative links have the disadvantage that they usually don't work on your computer because the root is C:\ and the file you are looking for is unlikely to be in that folder. However, root-relative links are useful for the online page where the root directory is the directory you have put your files in. It just makes checking your website on your computer difficult because the links don't work, but they do online.

     

    Check the extension like falkencreative says and delete any extra extension that may have been automatically added.

  14. It depends whether your doctype is HTML or XHTML.

     

    HTML strict and transitional and framesets should have only > to close meta tags and several other tags like img br hr input etc.

     

    XHTML doctypes must have the above tags closed with /> and must have lower case for code markup (tag names).

     

    Using the wrong closing tag will raise errors in a validator, but the page may still display OK as browsers often disregard errors. I doubt if it affects SEO.

  15. I love the hand written text and the other amazing fonts cufon offers. I would rather wait for beta revamp, then hand code it to very few font choices in font-face.

     

    There are hundreds here, http://www.fontsquirrel.com/fontface including hand-written fonts, but perhaps not the one you want.

     

    Personally I doubt if I will ever use Cufon or sIFR now that all major browsers (all IE versions, Firefox, Safari, Chrome and Opera) process @font-face.

  16. If you are worried about other people who have IE9 beta not being able to view your special fonts, recode them with @font-face which should work in IE9.

     

    As said before, the final version of IE9 may be fine with Cufon and sIFR. I remember that IE8 beta had problems with my sites, especially drop down menus and filter (opacity), but the final version sorted it out.

  17. I think what newseed has suggested with the / is a root-relative link which always goes back to the root directory from whatever level the link is on, so the link code will always go back to the root directory and then work down from there to find the file or folder.

     

    I have found that this only works online, it's inconvenient to use because when you check a page on your computer the link goes back to the computer's root directory which is C:\ and it probably won't find the file in there. But as long as it works online, that's all that matters.

     

    Tutorial:- http://www.motive.co.nz/glossary/linking.php#root

  18. The select tag needs options (two or more usually although just one might work) so perhaps the validator thinks the tag is incomplete.

    <select id="title" name="title">
    <option value="mr">Mr</option>
    <option value="mrs">Mrs</option>
    <option value="ms">Ms</option>
    </select>
    

     

    I've taken the above out of one of my pages so you will need to edit it.

  19. IE9 beta release date is supposed to be 15 September 2010 - just two days away according to

    http://en.wikipedia.org/wiki/Internet_Explorer_9

     

    It's a pity that WIN XP will not support it as XP will still be used by many users.

     

    I will probably download the beta as I did for IE8. I found that IE8 beta had a lot of problems that were ironed out in the final release so perhaps IE9 will be the same.

     

    IE8 was such a vast improvement on IE7 that I hope IE9 will also be a vast improvement on IE8. It does look as if Microsoft has made an effort.

     

    Question, has anyone done a pure HTML5/CSS3 site yet or at least a test site?

     

    I've included box-shadow, text-shadow, border-radius, @font-face, multi-columns and experimented with canvas and border-image.

     

    All the above degrade without wrecking the page structure if they don't work in a particular browser, but of course the canvas may be showing something interesting but just shows nothing except a warning message if it doesn't work.

     

    I've also tried <video> but found it pretty useless as the videos I have (.swf and .mpg) aren't in a suitable format, although I could get them converted.

     

    The CSS3 @font-face rule has worked in IE for many years but is now supported in Firefox, Safari, Google Chrome and Opera so it's very useful. You don't now have to use complicated Cufon or sIFR for all major browsers.

×
×
  • Create New...