dodgson

SERIOUSLY. I can't thank you enough. That totally worked. I have been fighting with this for 3 days. I can't believe it was such a simple fix. Thanks Again Mark

Hi everyone, I'm completely stumped. I'm having some difficulty with what I suspect is a simple problem. The following is working really well except for links that have a %20 (space) in the original URL. Everytime I go to the new address created by the .htaccess file in my browser the %20 is changed to a 0, so I get an error page. Is there any way I can have the exact URL which includes %20 passed to the browser. The first rule below works perfectly, the second doesn't due to the %20. an example of a new address would be pds.ca/Mauricie. this would send the user to the data.gointranet address. RewriteEngine On RewriteRule ^Mauricie http://data.gointranet.com/unitloc/pdsca/search.cgi?type=location&cu=PDS49&cl=Mauricie&term=QC&otype=region RewriteRule ^Montreal http://data.gointranet.com/unitloc/pdsca/search.cgi?type=location&cu=PDS38&cl=Montreal%20Est&term=QC&otype=region Thanks in advance

thank you all. I'm going to give these suggestions a try. Take Care

Hi There. Unfortunately I'm unable to do this, because the data is coming from salesforce.com. The info would be coming in dynamically, so I'm looking for a solution that would apply the coloured background based on odd/even numbers. I hope that made sense. I wish I was able to just add a simple class. Any Ideas?

I was hoping someone might have a solution to creating Even and Odd background colours to table rows. The data would be coming from a database. I was hoping for an all CSS solution, but am really open to anything. I read something about tr:nth-child but it doesn't seem to work in IE. Any help would be greatly appreciated.

Thank you for your responses. They were all appreciated. I seemed to have run accross something that has worked. I thought I should post it just in case someone else runs across this issue. To be perfectly honest. I'm not entirely sure why this worked. The following is the original 2 CSS styles that didn't work with IE6 and IE7. original styles: * {margin:0; padding:0} .sm { list-style:none; width:800px; height:350px; display:block; overflow:hidden; } .sm li { float:left; display:inline; overflow:hidden; } updated styles: * {margin:0; padding:0} .sm { list-style: none !important; width: 800px !important; height: 350px !important; display: block !important; overflow: hidden !important; position: relative; } .sm li { float: left !important; height: 350px !important; display: inline !important; overflow: hidden !important; position: relative !important; width: 680px; }

Thanks for the response. I actually stripped everything back to the main div wrapper and am still having the issue. It clearly has something to do with the DIV. I'm not sure if it has somthing to do with overflow:hidden. Please Help.

Thanks for the response. You were right I forgot to remove that </p> tag. I still do have the same issue though. Thanks again giving it a try.

Hi guys, I am experiencing a problem that is driving me crazy. I have started re-designing a site. On the homepage I'm using a javascript slide panel and it is working perfectly in all browsers except IE. The problem is this. If I just put images in the slide panels, it works perfectly, but my client wants to have a contest form in the first panel. I have done that, but in IE the other panels float behind the form. I have tried to z-index the wrappers, but maybe I'm doing something wrong because it hasn't seemed to help. You can view the initial look at the following address. http://andersoncarpetandhome.com/testSite/index.php Thanks for any light you can shed on this.

I agree, PHP is your best bet. You could do something like this... I hope this works for you. Good Luck <?php $day = date("G"); switch($day) { case $day >= 8 && $day <= 9: include'styleSheet1.css'; break; case $day >= 10 && $day <= 12: include'styleSheet2.css'; break; } ?>

Hi Guys and Gals. I hope that one of you may be able to help me out. I have tried everything to fix a menu that I'm currently working on. The menu looks as it should in Firefox and Safari on both the mac and PC, but in IE the menu floats off of the baseline. I'm kind of at a loss as to how to correct this issue. You can access the page at the following address http://markdodgson.com/testSites/oacfp/ . Below is my navigation CSS. Thanks for any light you can shed on this. Nav CSS * { padding: 0; } *:-moz-any-link:focus { -moz-outline-style: none ! important; } #navigation { height: 60px; width: 100%; border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #4A984B; background-image: url(../images/navBG.jpg); background-repeat: repeat-x; position: relative; } ul#menu{ list-style:none; margin-left: 20px; } ul#menu li{ display: inline; } ul#menu li a { text-indent: -9999px; display: block; height: 40px; float: left; position: relative; margin-right: 9px; top: 7px; } ul#menu li a.home { background: url(../images/_nav/homeMenu.jpg) no-repeat bottom center; width: 145px; } ul#menu li a.about { background: url(../images/_nav/aboutMenu.jpg) no-repeat bottom center; width: 145px; } ul#menu li a.products { background: url(../images/_nav/productsMenu.jpg) no-repeat bottom center; width: 145px; } ul#menu li a.calendar { background: url(../images/_nav/calendarMenu.jpg) no-repeat bottom center; width: 145px; } ul#menu li a.membership { background: url(../images/_nav/membershipMenu.jpg) no-repeat bottom center; width: 145px; } ul#menu li a.contact { background: url(../images/_nav/contactMenu.jpg) no-repeat bottom center; width: 145px; } ul#menu li a.home:hover, ul#menu li a.about:hover, ul#menu li a.products:hover, ul#menu li a.calendar:hover, ul#menu li a.membership:hover, ul#menu li a.contact:hover { background-position: top center; } body#home ul#menu li a.home, body#about ul#menu li a.about, body#products ul#menu li a.products, body#calendar ul#menu li a.calendar, body#membership ul#menu li a.membership, body#contact ul#menu li a.contact { height: 55px; position: relative; top: -5px; background-position: center top; }

Hi Henaro, Thank you very much for your response. Unfortunately I'm still a little confused. below is a list of the HTML and Javascript. The javascript replaces the larger image by sourcing the (href) of the thumbnail and it replaces the (img id=). How would I change this to have it replace the IMG area with a video/SWF file. Thanks Again, I really do appreciate your help. <!--this is where the large images appear--> <img id="largeImg" src="images/_portfolio/_unionGas/ugSite.jpg" /></div> <!--this is where the thumb nails go--> <p class="thumbs"> <a href="images/_portfolio/_unionGas/ugSite.jpg" title="Website"><img src="images/_portfolio/_unionGas/ugSite_sml.jpg" /></a> <!--the javascript--> $(document).ready(function(){ $("h2").append('<em></em>') $(".thumbs a").click(function(){ var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); $("#largeImg").attr({ src: largePath, alt: largeAlt }); $("h2 em").html(" (" + largeAlt + ")"); return false; }); });

I'm currently using the jQueary Image Replacement gallery on a site that I'm working on. The problem is now the client also wants to add video to the image area along with JPGs. I'm not sure how to do this, because I don't know how to write Javascript. The following is the jQueary scripts. Is there a way to add video functionality? Thank for any help. First append an empty <em> to H2. When a link within the <p class=thumbs> is clicked: - store its href attribute into a variable "largePath" - store its title attribute into a variable "largeAlt" - replace the <img id="largeImg"> scr attribute with the variable "largePath" and replace the alt attribute with the variable "largeAlt" - Set the em content (within the h2) with the variable largeAlt (plus the brackets) $(document).ready(function(){ $("h2").append('<em></em>') $(".thumbs a").click(function(){ var largePath = $(this).attr("href"); var largeAlt = $(this).attr("title"); $("#largeImg").attr({ src: largePath, alt: largeAlt }); $("h2 em").html(" (" + largeAlt + ")"); return false; }); });

I would totally use Wordpress. I set-up my first blog about a year ago and using Wordpress it literally took about 1 hr. You don't have to be a programmer to get it up and running. I myself am a designer and have almost no experience with this type of thing. The beauty of Wordpress is that there are thousands of free templates to use for the look. Check it out at wordpress I hope this helps Dodgson

Thanks for your input. I appreciate it. Take Care