This is a contest to fix the HTML and CSS problems on one page of my website. The webpage is quite complex, hence the prize money is $40, rising to $50 if no one has solved this within 48 hours. To win the contest you must solve all the problems with the page, it must display correctly in FF3 and IE7. Here's the page: http://tinyurl.com/ddn7cg You can probably fix the page by working out where the CSS files are and viewing them; all the problems on the page are CSS or HTML errors. And here's the problems with the page: 1) The problem I am most concerned about is with the DHTML list feature towards the bottom of the page. There should be only one paragraph showing when each tab is clicked (the “Options†and "funds†tabs display correctly at the moment in Firefox 3, but none of the tabs do in IE7). Also the box should not be that tall, the height should be variable. For some reason the contents of other tabs is displaying below the content that should be displaying in each tab, making the box taller than it should be. I have modified this code from the original code which was produced by a commercial Joomla extension called “Yoo Carousel†from yootheme.com. You can see the original code which was produced by the Joomla extension on my homepage. The tabs are working as they should on the box on my homepage. 2) In Firefox 3, in the top right hand corner of the main white content section, the corner graphic is missing (this problem does not affect IE). I need you to find a way to fix this. 3) In Firefox 3 the page never stops loading! Maybe it is waiting for a tag to be closed or something. I need you to figure out what the problem is here. 4) The last problem also affects Firefox only. The main horizontal menu at the top does not work exactly as it should do. You can see how it should work by looking at my homepage, where the fading effects work properly. I need the fading effects to work again on the problematic page, just as they do at the moment on the homepage. Anyone who can solve all four problems, please post instructions for how I should change the code HERE in the discussion thread. The first person to post instructions that fix all 4 problems will win the contest and I will send you the money by PayPal immediately. Good luck! Any questions please PM me or post them here.
Received a possible solution by PM. Will update the thread soon with news on whether it is the winner.
I can't edit the original text as I would like to but issues 2-4 have been solved, so there's only one issue remaining. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Prize money now $50. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Sove the first issue and win $50, simple as that.
Validate your coding! http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0
Yep, as I said above "issues 2-4 have been solved". Issue 1 remains unsolved. I don't really want to get involved in emailing loads of people my PHP code. You can just play around with the compiled code (use the Web developer toolbar for FF for example to get this). I think there is just one or 2 issues that are stopping the tab module from displaying properly, I'm not really worried about my code conforming to strict W3C compliance, just so long as it works right in major browsers. If I'm right then someone could just post the solution here, first one to do so wins. Thanks for looking...
well if you want to edit the height just go <div style="width: 890px; height: 600px;" class="yoo-carousel" id="yoo-carousel-1"> but anyway all you have to do to fix your problem is line up each article div inside the respective slide div. the problem you were having with your tabs being put together was flawed div nesting, where you'd line up your divs article divs irrespective to the slide div which kinda screwed things up. (i.e. the table you used for bonds or whatever was out of place because of this). anyway just keep this as your template and copy + paste all the junk you want in each one and it should work fine! <div class="slide" style="width: 690px;"><div class="article"></div> <div class="slide" style="width:690px;"><div class="article"></div> <div class="slide" style="width: 690px;"><div class="article"></div> etc...
Hi, no I haven't edited anything. OK I will try what you said now, that makes sense. You are missing closing DIV tags from the above by accident aren't you? Although having said that this page is database generated so I don't see why some of them are OK and some of them aren't. You'd think they would all have the same problems. I don't want the height to be fixed, I want it to vary with the content. I think the code about height is working OK at the moment.
karithimix and thisismystupidname -- Just sent you both an email from the DP email function, with the relevant PHP code in. It is pretty complicated -- about 10 nested divs! Would you be able to take a look please? No worries if not.