By mbyrnes on

Hello,

I'm writing from the Rainforest Foundation US. We recently had our site migrated over to drupal and recently redesigned. However, now that our site is in drupal we are having a few problems. The worst of which is that our site's framing is off in Internet Explorer and looks good in Mozilla. Any ideas how we can fix this issue?? OUr knowledge of the backend and coding is pretty rudimentary....www.rainforestfoundation.org.

Any advice is greatly appreciated! Also if anyone who is drupal obessed would like to volunteer to help us with the site, we would be open to that too.

Thanks so much,

Molly

⋅ Categories: Drupal 5.x

Comments

davemybes’s picture

davemybes commented

Hi Molly

Well, I've taken a look at the website and the underlying code is pretty messy, I'm afraid. The design uses tables to layout the various parts of the page, which makes it very difficult to find the problem. By the way, in Firefox, you front page is also messed up. Anyway, I noticed that the two pictures in the right column (Al Gore and the smoke) have got incorrectly coded links. This might be causing some of the problems, but I'm not 100% sure. The code for these images is in a drupal block (look in administer > blocks).

At the moment, the smokestack link looks like this:

<a href="?q=en/node/20"<br />
<img src="./themes/rainforest/images/42-16786588.gif" alt="Saving rainforests helps save the global climate  border ="0"></a>

It should look like this (extra > and "):

<a href="?q=en/node/20"><br />
<img src="./themes/rainforest/images/42-16786588.gif" alt="Saving rainforests helps save the global climate"  border="0"></a>

The Al Gore image link...

<a href="?q=en/node/20"<br />
<img src= "http://i33.photobucket.com/albums/d68/mpetri/T_al1.jpg"<br />
</a>

should be...

<a href="?q=en/node/20"><br />
<img src= "http://i33.photobucket.com/albums/d68/mpetri/T_al1.jpg" /><br />
</a>

I'm sure there's more, but its hard to wade through all the table code. If I find anything else, I'll let you know.

______________________________________________________________________________________________________
Need help? Check the FAQ and the Handbooks first.

______________________________________________________________________________________________________

nevets’s picture

nevets commented

You have a number of errors, this one for example may be part of your problem, including a table with a unterminated row (tr), column (td) and tbody (opening of row starts with <tr width="600px">

This might be because the front page is showing a teaser or because the HTML for the content is not complete.

davemybes’s picture

davemybes commented

It looks like there is an extra < /div > thrown in there that might well be causing all the trouble. Its in the sidebar-right part of the code I believe, but I'm not really sure if its part of the template or part of a block.

@nevets: I think that extra div is causing the "extra" tr and td's. Anyway, can't do anything about it without getting access to the template file.

______________________________________________________________________________________________________
Need help? Check the FAQ and the Handbooks first.

______________________________________________________________________________________________________

mbyrnes’s picture

mbyrnes commented

hello incrn8 and nevets,

thanks so much for your help with the coding...I do think that they way the site was designed is flawed and I'm guessing there are some back end problems that we can't change. I'm going to forward the code on to my co-worker who is the most HTML savvy and see if it fixes the problem..I also appreciate your overview of the site. It is hard for non-techies to understand if a website is truly well-designed on the back end and you confirmed my suspicions..back to being a drupal neophyte....thanks so much, molly ps. I might be back on the board soon :)

mbyrnes’s picture

mbyrnes commented

this might sound like a silly question, but how does one validate HTML?...are there programs or websites that act like "spell check" for HTML...since we are new at HTML, it is hard for us to catch mistakes...thanks, molly

davemybes’s picture

davemybes commented

The simplest way for you to validate your site is to go to this address (http://validator.w3.org/) and enter in your website's address in the space provided.

Alternatively, if you're using Firefox as your browser (and you should be ;) ), then install the WebDeveloper add-on (https://addons.mozilla.org/firefox/60/) and it will provide you with a toolbar that will also do validation, among many other useful things. I really recommend that you use Firefox with this toolbar - it will make your life much easier down the road.

Hope to see you around again.
______________________________________________________________________________________________________
Need help? Check the FAQ and the Handbooks first.

______________________________________________________________________________________________________

MaskedMarauder’s picture

MaskedMarauder commented

but that doesn't help deal with things on the fly. I've seen the standard node.module (4.7) mangle the teaser, e.g.:

'<p>Yadda yadda yadda ... <img src="http://a.b.com/images/thing'

that can screw up a summary teaser list.

Is there a php html parser that can at least detect broken elements like that?