Jump to content
Stef's Coding Community


Advanced Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by virtual

  1. When you save your image for the web in Photoshop using a transparent background (png or gif), you have an option called "matte". Use the colour of your background in the "matte" it will make the jagged edges around your image the same colour as your background while leaving the rest of your background transparent. As to your second conclusion, there is no need to use a tiling background image just use a plain colour in your background css. Your problem comes from not having added a matte to your image. Just a comment, your site looks a little unbalanced with the long skinny quotation down the side.
  2. If you look at the CSS you will see widths, you need to change some of these to the width you need so that it doesn't hide whatever you have on the right hand side. Just experiment, play around with the CSS and you will immediately see which piece of code makes the change. That is how you learn, using good coding and experimenting by trial and error so that you begin to understand how it works. Good Luck
  3. I had the same issue with a Flash movie with an z-index of 100 that covered a drop down menu. Apparently in IE all Active content on a page will always rise to the top, so to speak, including Flash, certain form elements, Java applets, and Active X controls. This means that each of these will poke through layers, and ignore the z-index of other elements. I found a solution for my Flash problem, I suggest you Google javascript issues with drop down menus. Failing that, use Flash for your slideshow and use this work around http://kb2.adobe.com/cps/142/tn_14201.html
  4. You could try something like this http://www.destinedtodesign.com/gallery/ and not use the thumbnails, just ordinary links
  5. Your code is like this: .wrapper{ margin:auto; width:800px; padding:25px; background:url(images/paper_bg.jpg)0% 0% repeat; } change to this and your background image will appear. Note the space after the (images/etc..) background:url(images/paper_bg.jpg) 0% 0% repeat; It is an IE specific problem, forget the space and the image does not show
  6. They were not added by the Wisywig program, they are validation codes you add to the page when submitting to search engines such as Google, Yahoo and probably MSN. They help get your site recognized by the search engines.
  7. Lol...sometimes I can't tell left from right either
  8. Change the text-align to "center" in this div #nav ul li { display: block; text-align: right; height: 50px; width: 283px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
  9. Firefox is showing you the correct layout, so you will need to add padding to make it look like the IE7 layout. Then you will have to set the padding to 0 for IE6 and probably IE7 as they will probably double the padding. You can use conditional comments to do this See this site for explanations http://www.quirksmode.org/css/condcom.html
  10. Eric mentioned cushycms.com in this post. I just had a chance to look at it and I'm impressed, it really not only so very simple to set up, but Oh Surprise it actually validates too... Cool
  11. You might like to check whether your site validates.....
  12. Glad to be of help. As for the colours, if you scroll down to the bottom of the page there is a link to another page with details on how to change them.
  13. Well it didn't budge in any of them for me, but in IE6 the rollover doesn't work.
  14. Your csshover.htc should be in the same directory as all the files using the drop down menu. The link to it is contained in the Conditional Comments on each page. It is not a css file per se so you don't need to link to it like a stylesheet. Remove this line
  15. In your body tag body { height:100%; font:62.5%/1.4 Georgia,Arial,Tahoma,Geneva,Helvetica,sans-serif; background:#3888BC url(../images/gc-gradient.png) 0 0 repeat-x; color:#333333; padding-top: 0px; padding-bottom: 10px; padding-left: 5%; padding-right: 5% } The padding-left is offsetting the content from the left, also the wrap div is not in your html code.
  16. That may work, but not without the semi-colons at the end of each statement....
  17. In your CSS you have repeated the background image twice, if you remove one of them your background image shows up. #servicesHeaderInner { background-image: url( ../images/servicesHeaderBg.jpg; background-image: url(../images/servicesHeaderBg.jpg); height: 429px; width: 900px; margin-right: auto; margin-left: auto; position: relative; }
  18. How about this, it looks fairly straightforward http://www.macloo.com/examples/audio_player/ If you have Flash then there is this tutorial http://web.uvic.ca/akeller/pw406/ht_audio.htm
  19. Read this articles http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx Not only do we have to contend with IE6 and it's particular can of worms, IE7 was an improvement, but didn't quite get there, and now we have IE8 that does something totally different. Great job Microsoft, were you leaders of the industry a while ago....??
  20. In case any of you are interested, I found the solution to my problem. Apparently all Active content on a page will always rise to the top, so to speak, including Flash, certain form elements, Java applets, and Active X controls. This means that each of these will poke through layers, and ignore the z-index of other elements. The solution is to use WMode in Flash as explained in the following article http://kb2.adobe.com/cps/142/tn_14201.html Wow, I learn something everyday...
  21. I have just tested a local site on my virtual machine and my drop down menus are not displaying over a flash file which is situated just below the menu in any of the browsers on the PC side. It all works fine on the Mac in all the browsers, just not on the PC side. The z-index is 100 so it should be showing. Have any of you had this type of issue before?
  22. Thanks a lot Eric, it looks good. You're up bright and early...!!
  23. Hi All, I just upgraded to IE8 on my virtual machine and wanted to know where I can get a standalone version of IE7. I already have IE6 in standalone, but for some reason the navigational links won't work in it since the upgrade. Although that's not really going to matter much as there are fewer users now with Microsoft pushing the upgrade to IE8.
  24. It looks fine to me in Firefox 3 on Mac.
  • Create New...