I have just finished a course in HTML and CSS. Using only HTML and CSS I was able to make a simple but (it seems to me) beautiful Web site. I designed it for Firefox (since I have Firefox 3.6.8. installed in my computer,) and for a screen resolution of 800 x 600 pixels. I use code from css3 to make round corners of boxes and also applied beautiful shadows under and around boxes. But now that I see my Web site in IE6 and IE8 it happens that IE6 breaks the layout and do not display round corners and shadows. IE8 does not break the layout, that is good, but IE8 does not show round corners and the shadows under and around boxes either. May be I can forget about IE6, but not about IE8. Is there any way I can make my Web site (that looks so nice in Firefox 3.6.8.) to look as beautiful with IE8 with round corners and shadows, and all. Also I used the code &rarr to show a right pointing arrow in my Firefox Web site; it does not display either in IE6 or IE8. Instead the code &rarr appears on the screen. It is disappointing after so much work. I used WardPad to make the pages. It seems unbelievable to me that IE8 does not support css3. Is it possible to make my HTML and CSS Web site look as pretty in IE8 as it looks in Firefox (3.6.8.) and a screen resolution of 800 x 600 pixels? Is there any hope? I remember we can make the round corners using straight HTML and no CSS but that code is very complicated and seems not very practical. I would certainly appreciate it very much your guidance and advice. (P. S. My computer runs on Windows XP, SP2. The monitor is small 15 in diagonal)
Reply 1 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/ is a fast read and shows this is not in IE8.
I strongly suggest you not fret over this and enjoy your work then add a note on your page "Best viewed with _________ browser."
Reply 2 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
Dear Friend R. Proffitt: Thank you very much for your kind help. Excellent article. I will include the note Best viewed with Firefox 3.6.8. browser. Again I appreciate very much your kind help and advice. Truly yours, gjgalveza .
Reply 3 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
between rounded and sharp corners, I think that's something people can live with. Besides, they may never even know that there's a rounded corner "version" available via Firefox. As long as the content is legible and the general layout still looks the same, you don't have anything to worry about.
Rounded corners, if you want them in IE, can be achieved many ways nevertheless, whether you use JavaScript or background-images. To continue using CSS3, you may want to check out this:
http://css3pie.com/
~Sovereign
Reply 4 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
Ah,thanks Sovereign. That's quite interesting. I was almost ready to upload. I am shopping for a good hosting service. I am going to check carefully that site (www.css3pie.com) that you point to. I can not delay uploading any further but I can make changes to the files later if it seems feasible to make (so to say) IE8 comply with round corners and shadows. As you say the most important is clear content and proper layout rather than shadows and round corners. Sorry for my delay in this reply. I did not see any warning from CNet forum of a new posting in my email. Thanks a lot.
Reply 5 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
Dear Friend Sovereign: With respect to JavaScript probably all of us (or most of us) have heard about it. Probably most of the people know that it has something to do with Web design and development. I have no idea how difficult or simple it could be to learn JavaScript. I also have no idea whatsoever what it is used for; until now I am learning from your kind reply that it can be used to make round corners (and I guess also shadows) to be seen also in IE8+ . I guess it does not interfere with Firefox and so these effects can be seen in both Firefox and IE. I hope sometime in the future I can learn JavaScript. After having studied at least the basic of HTML and CSS I was wondering what the next step should be. I was thinking about studying XML as the next step. Perhaps the next step should be JavaScript. I have no plans of becoming a Web developer or designer. But I like very much anything related with computers and see how this almost magical technology is useful in so many ways. At his point I needed a Web site and went about to make it by myself with the help of so many people including, of course, you at CNet. I was aware, from the course I took to learn HTML/CSS that background images can be used to make the round corners but I guess some ability and experience is required in using Graphics software. I can put an image in a Web site now but I lack more in depth knowledge in how to make the round corners in a graphics program and carefully put them in the Web site. Thanks a lot for your kind help that I appreciate so much. In some way we all go between round and sharp corners in this life. With Gods help let us see if we can turn the corner. Thanks again, see you!
Reply 6 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
Hi, I know nothing of this talk, but History tells everything, now if I were a painter, lets say nicolas poussin, I could have chat with you for many hours before realising we were miles apart yet so close.
I recently broke a code from many years ago that was based on this very subject rounded & sharp,OUOSVAVV
I could not help but think so much of your disscusion could take a leaf from the past, that the answer to your questions do have a little resemblance, all who tried to brake this code before failed because they complicated what we know now, with what was known then. the answer sometimes dont go forward in doubt it's further to walk back,maybe another route is required
Reply 7 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
So we slow down?
Reply 8 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
No, dear R. Proffitt we won't be slowing down, and Melzway may be right. Several weeks ago I decided to re-make my entire Web site and do without shadows and round corners. It looks like a simple Web site is required (I mean simpler code)so everybody either with IE or Firefox can look at it in the better possible way. I have encountered "severe weather" (emergency situations)and I stopped work for a while. But now I am trying to get the project back on track. I need God's help. It is better to use tools that can be interpreted correctly by both IE and Firefox, at least. There is still much to do to improve communication by Internet even when it is amazing what can be done right now. And, of course, the advice that you provide in CNet is very good. So please do not misinterpret what I say. My project seems simple. I wrote a book (text and audio), I put it in digital form, and I am trying to sell it through Internet. But it is a little complicated; it is like breaking a code. I will keep trying. Writing a book is a very hard work. I have no idea what code Melsway broke. I will try to learn who Nicolas Poussin is. And I do not know what it means R & S (in the subject title of Melzway communication). Greetings and best regards for both of you. GJGalvezA.
Reply 9 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
I make them all the time. This one about sharp corners that brake this code was just fun.
-> If anyone wants to, they can always have the W3C web page validate their code. I know that if I have a site, I will always have it checked.
Bob
Reply 10 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
I perfectly understand the point. That Web site I made was displayed very beautifully by Firefox. But the code was unbelievable complicated for such a (rather simple) Web site. And IE understandably was unable to display it. It is better to move ahead (a little) slowly even when I am in a real hurry. I feel when we become real masters in the field we can move full throttle ahead. My feeling is I am moving ahead thanks to support I have had from different angles including yours dear R. Proffitt and CNet (among many others). With respect to Melzway comments I can only take my hat off. We are miles apart and yet so close. Warm wishes!
Reply 11 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
yes R proffitt, do not fear moving forward slowly, fear only standing still. as for braking codes as a challenge, there is no purpose, sort of like standing still. have a lovely day seasons greetings.
Reply 12 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
'Shadowbox' and 'Border-Radius' still doesn't work in IE9 beta. Also border-radius is the standards compliant name, Mozilla and Webkit just had to throw their names around with naming conventions in CSS3.
Just make sure the square version in IE looks correct like one person said.
Reply 13 : Round corners, shadows, and arrows in Firefox 3.6.8 and IE8.
Now I have re-make my Web site. I have gotten rid of round corners, and shadows and I have come up with what I feel is a nice simple Web site. Actually I made three Web site using Notepad and the basic knowledge of HTML I got from a site here in Internet. I made one Web site in English, the same in Spanish, and one that is English-Spanish that is the first two sites together. Also I made a Blog in WordPress. I am trying to sell a book that comes together with an audio file. I put the book in digital form and the audio in MP3. It has been a lot of work. I uploaded the files into a Web site that offers hosting for digital products for sale and open an account in PayPal. So far so good even when the Web sites look too simple. But now the second step look as daunting a task as the first. How to create traffic and convince possible readers-customers with such simple Web sites and not a big budget for publicity? I am also in the process of simplifying the book to see if can be sold in Amazon.com and on other Web sites. I hope I am not breaking the rules by putting the name of particular Web sites here. I would like to put the address of my Web sites here so you could see the output of my work of several months that has not yield any profit yet. Even when money is obviously needed is not, by any means the only purposes. I will continue work. Any idea is more than welcome. Thanks so much for getting in touch. Good greetings.
No comments:
Post a Comment