Jump to content

scorpion

Member
  • Posts

    45
  • Joined

  • Last visited

Everything posted by scorpion

  1. Well I was able to see the results of my work today on my work computer running IE6 - beautiful! Stepping solved. I used a height of 600px because on a couple of pages with little text, I wanted to keep the final footer line full width and not bounded by the left div. I think it would be worthwhile if I summarize in a new topic ... maybe it could even be a sticky! to help others?
  2. Well setting the height with the 2nd conditional statement worked in stopping the display in IE6 from stepping:- While using the #content {height:588px; overflow:scroll;} did not. I appears that the report I read somewhere was correct in that IE6 reads a height as a min-height and allows the div to expand to the height required. (Very handy that!) From what I have read (please correct me) these conditional statements cannot be inserted in the css file but must be added in the html just under the stylesheet statement. So I have added the following to ALL my webpages:- Will report back after I check using IE6 on my work computer tomorrow if IE6 is playing ball! Have reduced all images and tables to 500px width, down from 690px and 800px as some conciliation to those with low-res monitors. Still needs 2(190 + 1 +6) + 500 = 894px so doesn't cater for 800 x 600.
  3. I see what you are saying and I like your approach. I do like to let the center expand to fill what's left but it was the stepping problem with IE6 that I was having issues with, when I don't specify a width. I have reverted to 190 margins over 160 as I preferred a bit more 'white space' that the larger margin gives. I guess I am saying that I am prepared to ignore the problems that those with low-res monitors will have with my img and table widths! Time they upgraded! As I said before I found that adding a height to the center div (with no width specified) stopped the stepping so I will be at work tomorrorw and be able to check if the conditional that I have placed in the /index.php page works, or if the conditional in the /Surnames.php page is better. I have read somewhere that the height in IE6 is treated as minimum height. If so, that might be a better solution for the IE6 stepping problem. Will advise after I see the effects tomorrow on my work IE6. Also, Wickham, I pinched the search code from your site ... I hope that was OK! It looks good and works well. Cheers ...
  4. Changed em to px as suggested for consistency. Obviously I haven't thought about the table and image widths too carefully. I had been working on a min resolution of 1152 x 864 but I like to use all the real estate if possible. My home monitor is 1440 x 900. I have reduced the margins of the center div. The right-margin of the Left div and left-margin on the Right div are superfluous due to the set margins in the center div so have been removed from the css. For the moment, margins now 160px, border 1px, padding 6px =167px x 2 = 334px. In a 1024 resolution, we have 690px left for the center div which would hold the 690px image. So it should be OK at a minimum 1024 x 768, but not 800 x 600 of course. Tables and images would need to be brought back to 466px to render in 800 x 600. (334px + 466px = 800px). The monitor running IE6 at work is at least 1440 x 900 so the tables and images are not an issue. What interests me is that adding a Height to the center div seemed to make IE6 display correctly. Have others found the same?
  5. I have been happy with how my website displays in FF and IE7 and all pages validate to HTML 4.01 Strict. ww w.irish type3 dna.o rg/ (remove spaces) My PC at work is running IE6 and to my utter dismay, the center column display is stepped on most pages. I have read the killersite archives and tried the various IE6 solutions, adding width and line-height to the IDs. Now in IE6, the first heading always displays at the top of the center column as it should and a page with a List immediately after the heading is also displayed correctly. It appears to only step if a para that is long enough to wrap is present. But surprise, surprise, on pages where content1 or content2 ID, (both of which have a height specified), are used in place of content ID, the display is correct in FF, IE7 and the problem IE6. The website has a container ID and inside are three IDs, the first floated Left, with the second floated Right, and content taking up the balance. This ID's width adjusts automatically depending on the monitor resolution. #container { width:100%; line-height:0px; } #left { float:left; background-color:#506F89; width:150px; margin-right:10px; margin-top:10px; padding:1em 0em 0em 0em; line-height:100%; } #right { float:right; color:#E0E0E0; background-color:#506F89; width:130px; line-height:100%; margin-top:10px; margin-left:10px; padding:1em; } #inner { color:#000000; background-color:#9EB1C0; width:120px; line-height:120%; margin:3px auto; padding:0.5em; } #content { color:#333333; margin:20px 190px 0 190px; padding:1em; border-left:1px solid #999; border-right:1px solid #999; line-height:120%; } #content1 { color:#333333; margin:0 190px 0 190px; padding:1em; border-left:1px solid #999; line-height:110%; height:570px; } #content2 { color:#333333; margin:20px 190px 0 190px; padding:1em; border-left:1px solid #999; border-right:1px solid #999; line-height:120%; height:500px; } The content ID does not have a width as it expands depending on the monitor resolution. I have tried width:100%; but that mucks up the display in FF and IE7. The content ID expands under the right column. I only work 2 days a week so I can't check my latest mod until Tuesday. I have added to the home page :- I could use this solution generally, but it has been suggested to avoid scrolling where possible. Any other thoughts?
  6. I am chuffed!!! All 35 pages on my website have now validated to HTML 4.01 Strict ! It may not be the prettiest but I am happy with my efforts, all hand coded. Thank you all for your help in getting me up to speed. Notepage++ is such a great program ... cheers all! Dennis Wright www.irishtype3dna.org/
  7. Once again I thank you Thelma, is what I was needing. I tend to learn by absorbing each tag as I need it. Trying to learn all the tags and their attributes is so DRY until you have a use for that particular one! I have been using the search feature of W3C Schools Tutorials to find answers which is useful, but sometimes trying to find something like 'changing color within a line of text' doesn't get me a solution at W3C. I have 13 pages now that validate to 4.01 strict so I am progressing!
  8. Good point, Thelma. I guess I was in a hurry here. In the case above, I have removed that image entirely and replaced, thanks to Wickham's tutorial, as follows In the CSS:- hr.bar { width:200px; height:4px; color:#506F89; background-color:#506F89; text-align:center; border:none; } In the HTML:- I will, however, go through all my other images and set up the 'alt' tag more appropriately, thank you for bringing it to my attention. My next problem is, How does one change a word or two in the middle of a line of text into a different color? Using a class in .. breaks the line of course. I can .. or .. OK but .. is not allowed in 4.01
  9. Wickham .. you are a legend !!! Your tutorial makes horizontal rules perfectly clear. Have bookmarked your home page too for same light reading .. ready to learn a lot more. Thanks again.
  10. I am only wanting the line to be 200px long, not full width of the element. Solved the problem by using using the line as an image, bar.jpg With css .center { text-align: center: } This appears to center the 200px long, 5px wide blue dividing line as required. I will back with more... I still have lots of errors reported !!! Learning lots though ....
  11. I have found the deprecation details on HTML 4.01 strict and am working through it. I have tried adding to the CSS:- hr.divide { width:200px; color:#506F89; size:5px; } And HTML Width works but color and size do not. Changing HTML to:- Gives width and thickness but no color.
  12. I am using HTML 4.01 Strict Doc declaration and trying to do the right thing and validate my site using http://validator.w3.org/ I am getting multiple errors with:- [This line displays perfectly in FF and IE7] Errors reported with this line are:- Attribute "WIDTH" is not a valid attribute. Did you mean "width"? [the '2' is red and underlined] Attribute "SIZE" is not a valid attribute. Did you mean "size"? [the '5' is red and underlined] Attribute "COLOR" is not a valid attribute. Did you mean "color"? [ the first quotation mark is red and underlined] Am I doing anything wrong or should I ignore these 'errors'? There are similar 'errors' posted throughout the code, eg:- Text Here element "FONT" undefined. Did you mean "font"? [the '>' after size="2" is red and underlined] I am clearly using lowercase not uppercase as suggested. Anything else I need to do?
  13. Thanks Wickham ...I could kick myself with something being so simple! I realised that the original DOC statement was incomplete, that's why I wanted to use the correct one ... but it caused IE7 to play up. I guess the situation is when something is working you don't look again at that piece of code when, what seems to be a different problem, arises. I have also taken your advice on the float and auto margin in the inner box too. Cheers once again.
  14. I have noticed that if I use the Doc Statement:- a href='http://www.w3.org/TR/html4/loose.dtd\>,'>http://www.w3.org/TR/html4/loose.dtd\">, IE7 fails to recognize one ID that I have placed within another ID. FF displays correctly. IE7 displayed the two IDs corectly when I used the Doc Statement:- The IDs in question are:- #right { float:right; color:#E0E0E0; background-color:#506F89; width:130px; margin-left:10px; padding:1em; } #inner { float:right; color:#000000; background-color:9EB1C0; width:110px; margin:3px; padding:0.5em; } While the code is:- What's New <?php include("whatsnew.php"); ?> The whatsnew.php just contains text:- Exciting news on the "Walk The Y" front! Check out the new Walk the Y page ! All the text is displayed correctly, just the inner box with the lighter color is missing in IE7. The display differences can be seen in FF and IE7 at ww w.irish type3dna.o rg/About.p hp Any clues as to why the Doc Statement is upsetting IE7? And any suggestions to correct?
  15. Yes, thanks for that .... I think I have caught them all. php "include" is just what I was looking for.
  16. Well that wasn't such a big deal after all! Thank you both, Benjamin and 'newseed' for your help and direction to the .php tutorial. It was all that was needed to head me in the right direction. I have pulled down the FP site and loaded the .css and .php website. Still a very few minor vertical spacing issues between FF and IE7 but unless a user is swapping between one and the other it is not a problem. And yes, /index.php works just fine. Just a few of the archive files to rebuild which is only a time issue and all will be done. Thanks again
  17. Yep.... I have it! Thanks for that tutorial. My test page works in both FF and IE now! Also, I can see that I can (and should) pull all of my Navigation menu out of the webpage files too. So lets get this straight. I need to rename ALL webpages .php and convert ALL links to point to the new .php webpages? What happens with my home page? it was /index.html I thought this was needed as the default page? Will /index.php work as a default?
  18. Thank you for your positive comments, encouragement and link to the php tutorial. I promise I will study php carefully and hopefully get the site to work properly. Thanks again
  19. Thanks newseed .... I was hoping for something simpler. I have operated my website for 3 years using FP and without having to learn any HTML. It had been suggested that I should learn HTML and .css to reduce excess code and speed things up. I took the plunge and ran through various tutorials and studied .css tags and felt I had done a great job, reducing the website from 11Mb to 5.5Mb and files from 703 to 85. It looked good and worked perfectly in FF and before I pulled down my old site and put up the new, I thought I should check it in IE7 (which I don't normally use) and this problem, along with a couple of smaller livable ones, arose. The :after tag certainly works in FF and appeared to be my answer to updating all 30+ pages at once, if only I could get it working in IE. I have not heard of SSI, PHP or ASP (Yes, I am a beginner!) and I wonder if it is all too hard and I should leave my site as is in FP. At least it works! Are there any other simple ways using .css of adding text across multiple pages that works in both FF and IE? Present site is ww w.irish type3 dna.o rg if that helps at all. It's the Right-hand panel and date in the footer that I need to update.
  20. This is my first dive into .css as I had only used Frontpage 2000 up till now. I am trying to add some text in my .css file that updates all 30 pages of my website as the "include" files did in Frontpage. The following code works in FF but does not load in IE7. .css code:- p.whatsnew:after { content: "I have revised the website using CSS (cascading Style Sheets) It certainly makes for smaller files which should decrease time to load. Please let me know if any links are broken or something doesn't work correctly. The website works best in Firefox ... I am still working on getting the website to display properly in Internet Explorer." } h2.update:after { content: "15 October 2009" } Then in my .htm files:- What's New This adds the first passage of text under the h2 heading"What's New" And:- © Dennis Wright 2006 - 2009 - Last updated - This adds the date after the words "Last updated -" .. at least it does in FF but not in IE&. Any clues for me please? Thanks in advance.
×
×
  • Create New...