Jump to content

Wickham

Advanced Member
  • Posts

    1,114
  • Joined

  • Last visited

  • Days Won

    5

Everything posted by Wickham

  1. Add in to the object tag and controller="true" autostart="false" into the embed tag and see if it adds the controller (from a default audio program on someone's computer, probably Windows Media Player). I'm not sure whether the codes and play="false" are correct; try it with and then without them with my codes. Some general advice on audio is here:- http://w ww.wickham43.net/soundandvideo.php (delete space in url) item 2 if you use the embed tag or item 3 if you use the object tag but I don't claim to be an expert in audio and video, it's often complicated by the number of codes and formats.
  2. Your page didn't activate the show/hide for JETTISON in either IE7 or Firefox and the page loaded extremely slowly. All the files from w ww.megainsurance.com were probably the cause. I tried to download https://w ww.megainsurance.com/HM/common/js/hideshow.js individually as this one controls the show/hide but it timed out. Check why this is or use a simpler show/hide code like:- ht tp://javascript.internet.com/miscellaneous/expand-collapse-paragraph.html (click the blue buttons) as demonstrated on item 8 here:- http://w ww.wickham43.net/javascript.php (Delete spaces in urls above)
  3. why this div is in the center of the page? its not written in here!.. width: 30%; margin: 0 auto; width: 30% is a "fixed" (percentage) width and margin: auto; makes the two side margins equal but flexible, so the 30% centers. what is text-transform? It transforms text from lower case to upper case or the other way depending on the default setting. what is the difference between "ul#navlist {..}" and "#navlist ul {..}" ul#navlist {..} would apply to html markup like this ....... but #navlist ul {..} would apply to html markup like this:- ..... so it's the order of the id in the markup which matters. ul#navlist li {..} applies a style like a size or background-color to the li tag around the link Home Page ul#navlist li a {..} applies a style like text color inside the link to the "a" tag text Home Page Home Page #navcontainer ul#navlist li a {..} this applies a style to the html markup for the text in the "a" tag link ONLY where the list and link is inside an element like a div which has the id="navcontainer" Home Page
  4. If you are sure your sites look OK except for pngs, then perhaps you can ignore IE6. However, many people find that IE6 causes a jumbled appearance as doubled margins cause divs to drop down to a lower level, we often have to sort out IE6 problems like that here. I think website designers should at least look at their pages in IE6 and if the layout is a disaster, something has to be done.
  5. It's still taking 20% in November 2008 according to http://www.w3schools.com/browsers/browsers_stats.asp so I think it's too early to stop checking and using conditional comments if necessary.
  6. I think you've done it. Your first post had a separate stylesheet root.css which cannot be read by an email, but in your last post you have put the styles inside style tags in the head section, so that they are inside the same page code. Alternatively you use inline styles, for example for every p tag you would have .......... and so on.
  7. I'm fairly sure that the major search engines will notice a new webpage within two or three days, but they don't rate it and list it until it has some importance, such as links from other sites and the regularity with which the site is updated. Some of my sites have appeared within two weeks within the top ten or fifteen pages before slowly climbing up after that, but this forum got into the top page almost immediately when searching for "website design forums" or similar words. It also depends a lot on the search criteria, the more specific the better.
  8. I predict that IE8 will be some time in getting to a useable state. The website for reporting problems http://w ww.microsoft.com/communities/newsgroups/list/en-us/default.aspx?pg=1&cat=&lang=&cr=&guid=&sloc=en-us&dg=microsoft.public.internetexplorer.beta&fltr=&lc=1033 shows such a massive number of serious problems I don't see how they can get them sorted quickly. Microsoft have gone from browsers that are not very standards compliant to trying too hard to get one that is, so strictly compliant that it doesn't have enough flexibility. Roll on cloud computing; no more installing programs, updating them, backing up on cds and then lossing them or finding that the backup is corrupted. I think Google will continue to advance while Microsoft will fade away slowly.
  9. If you think that viewers may be using IE8 beta 2 and seeing something you don't want them to see, add this immediately after the section tag:- for XHTML (without the closing / before > if HTML) which makes IE8 work as IE7. It must be immediately after the tag, not lower down the head section. There are thousands of problems with IE8 at present and I don't want viewers of my sites to use it. It doesn't display some drop down menus correctly and even stops displaying half way down a page sometimes until you refresh. It also doesn't make anchors work if the anchor code is empty. The Opacity attribute isn't supported; only the IE filter.
  10. ...and if you're very impatient, you can get simplified code here:- http://w ww.wickham43.net/formphptomysql.php (get rid of space in www) You may need security codes as well later and Stefan's videos deal with it in more detail.
  11. Happy New Year. Cold and frosty here; colder than last year; hot drink or bourbon required. You can pop balloons here with your mouse (ActiveX needed in IE):- w ww.wickham43.net/flashvideo.php
  12. It breaks in Safari too, which is no surprise as they are both based on WebKit. Both should obey the floats the same as other browsers, I've manage dto get the left and right columns to move over to the left where they belong by adding a clearer div:- ..............Account ................... There still seems to be a problem lower down which I haven't got time to sort out.
  13. Yes you can use Notepad, I always use it for PHP. Save the file as default.php and when you want to open it, right click and "open with" Notepad. After editing, just "Save" and make sure it hasn't been saved as default.php.txt.
  14. Normally by setting a style for all p or h tags:- p, h1, h2, h3, h4, h5, h6 ( margin-top: 8px; } which will apply everywhere or set a class so that you can apply it in just selected places: p.margintop { margin-top: 8px; } h1.margintop { margin-top: 10px; } and markup:- Text Heading Note that you can use the same class description like margintop with different sizes provided you have the element like p or h1 in front of the style. Edit: the above separates a p or h tag top line from the one above. within each p or h tag, for the second and subsequent lines, you have to set a different line-height.
  15. If you want people to go straight to your "Home" page when they just put a url in their browser which doesn't state a filename, like www.mydomain.com then you need a file called index.php (or index.html or index.htm but I expect that you have a php page). So rename your page with the latest blog as index.php because when a browser only has the domain name it searches for a page beginning with index If the page is called home.php then viewers need to type or bookmark www.mydomain.com/home.php which probably won't happen, so get rid of this page and rename as index.php
  16. PHP files are either HTML or XHTML depending on the doctype. PHP adds some server-side functionality to HTML or XHTML pages where there is PHP code, the rest of a page may be just HTML or XHTML. Your website may have some pages with PHP code in them and .php filename extension and other pages just HTML or XHTML with .html filename extension.
  17. Another thing: make sure that the image filename is lower case; the case must be the same in the code as in the actual filename. and these lines meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> biPolar have /> as the closing tag which is correct for XHTML but you have a HTML doctype so the lines should be:- meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> biPolar
  18. There's nothing wrong with that code. The image file bg2_bady.jpg needs to be in the same folder/directory as your html file. We need to see all your code and styles because the problem may be somewhere else; for instance a background in another element covering up the body background.
  19. It's often done with javascript; here's one:- http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm'>http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm Ultimate Fade-In Slideshow (v1.51): copyright Dynamic Drive (http://www.dynamicdrive.com) This one pauses when you hold the mouse over an image, but none show if javascript is disabled. Search for "Lightbox" which has more complicated versions which show a static image if javascript is disabled.
  20. This is flexible in height:- http://www.wickham43.com/forumposts/mest22081227.html Your main background-image cannot repeat for any height without repeating the header image and footer band, so I made a 50px high brown image which has been put as a body background behind the main image so that it shows below for any content height. You will have to remove the footer black band as well as the text and photo from your image. I added 20px white borders to the top and bottom of #wrapper; if you don't want the white space top and bottom, delete the borders. I found that the brown body background-image went over a body margin top and bottom so it was easier to make white borders.
  21. Create an image for them and reduce to a small size, assuming you haven't got too many.
  22. There is a site here:- http://www.websiteoptimization.com/services/analyze/ that analyses your page, both showed mainly green colors, ie no problem, but I don't think it was dealing with 3MB of Flash, I think it must have ignored it. I suppose speed depends on your target viewers and what they might expect and whether it's the first page which they might expect to load quickly or a later page where they will be expecting some delay.
  23. This is one solution which uses your image mainly as it is for the whole of the wrapper div , but it could be done in other ways, I'm sure. http://www.wickham43.com/forumposts/mest22081226.html Remake your image so that the text, links and photo are removed. I can't do that so the link above shows my text and image over the top of your's. I've tested in IE6, IE7, Firefox, Opera and Chrome. It assumes that the page height is fixed. If not, the content and footer divs would have to have different code. You will need to adjust the margins and padding and the footer div widths if you add more to the side divs.
  24. Good point; my post is simplified for beginners; Stefan's videos take it a stage further.
  25. Here is a FAQ I often get asked by beginners. Please comment so that we can arrive at an improved answer. Question:- My containing div doesn't have a background-color or background-image and/or the lower divs have moved up out of position. Answer:- This happens when you have floated divs. You need to insert a clearer div with clear: both and no height below them so that it forms a full-width invisible barrier to stop lower divs moving up into any space above. If placed last inside a containing div it drags down the container background-color or background-image to the bottom of the lowest floated div. There are two main reasons for using a clearer div:- 1. to follow rows of floated elements to prevent an element which should be on a lower row jumping up into a space in a higher row. 2. to drag down the background color or image in a containing div where elements inside have a float. Item 1 If you have several rows with floated elements like divs or images which are side by side but of unequal heights, one or more following elements may jump up into a space under an element with less height than the others (especially in IE but not always in Firefox, Opera or Safari). It can also occur where divs are floated left and right leaving a space in the middle and a following div without a float moves up into the space but you don't want it to do that. Items 19 and 21 on http://www.wickham43.net/threecolumns.php show the typical problem and its solution which is to put a clearer div with clear: both; width: 100%; between the rows so that it clears the floats for the full width, not just for the first element on a lower row. It forms an invisible full-width nil-height barrier to stop lower elements moving up. You can put the clear: both style in the first following div which will stop it from moving up, but if it doesn't have much width a following div can jump up instead, so it's often safer to use a full-width clearer div. Item 2 Where you have a containing div with floated elements like divs or images inside near the bottom of it, the browser assumes that the floated elements have no height, so the containing div will either have no background image or color or only for part of the height like its padding. The floated elements will appear to "hang down" below the containing div even though they are inside for all other purposes. If the containing div has a mixture of text and divs and floated elements, the containing div will provide a background for as much height as is required by the non-floated elements and the floated elements will appear to hang down below the level of the non-floated elements if their height exceeds the non-floated elements. The solution is to put a non-floated element (a clearer div or another non-floated div with content) below all the floated elements, just before the closing tag of the containing div. The containing div then drags down its background image or color to cover the non-floated element and in so doing covers the floated elements above. See item 2b on http://www.wickham43.net/firefoxbackground.php'>http://www.wickham43.net/firefoxbackground.php Clearer div code The clearer div needs to be full-width and with no height, margins, padding or borders so that it is invisible. The div code is either:- or it can be coded in a stylesheet like this:- .clearer { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; border: 0; } or inside style tags in the head section:- .clearer { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0; border: 0; } with html markup as: Some of the attributes like margin: 0; padding: 0; border: 0; can be omitted if your general div style has already made them 0 but it may be safer to leave them in the clearer div style. If you don't put inside the div you won't need to state line-height: 0; font-size: 0; in the style, but divs should not be empty so I include however, is a character and creates its own line-height and font-size so these need to be 0 if you include in the div. Some people use visibility: hidden; in the style:- .clearer { clear: both; width: 100%; height: 0; visibility: hidden; } which does save a little code. There is also a clearfix:after method which works by putting the clear in the containing div so that the divs "after" are affected and is shown in item 2c on http://www.wickham43.net/firefoxbackground.php but I think it is unnecessarily complicated and a simple clearer div seems to work well.
×
×
  • Create New...