Dragon12
May 25th, 2006, 17:57
OK I know making web sites is not considered "programing" so excuse me if this a faux pax :biggrin: but I need some help regarding a problem with a web site that I'm making for a non-profit.

Problem: A white line appears between the banner image and the navigation bar on the left side in IE & the Mozilla products. Opera it looks fine. The images themselves do not show a white line.

You can goto: PDR Social Club Website (http://pdr-social-club.tripod.com/) and take a look there to see what I mean.

Here's my markup:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/xhtml1-loose.dtd">

<html>

<meta name="description" content="Plaza Del Rey Social Club, The Social Club with a Heart!">
<meta name="keywords" content="Mobile home, social, club, activities, cook outs, bar-b-q, card games, classes, classifieds, for sale, cooking, recipe, other things to do, bingo, art.">


<title>PDR Social Club, The Club with a Heart!</title>
<table cellspacing="0" cellpadding="0" border="0" width="800">

<tr>
<td valign="baseline" colspan="3">
<img src="Images/PDRSCBanner.png" vspace="0" width="799" height="150" border="0" usemap="#banner" />
<map name="banner">
<area shape="rect" coords="0,115,168,144" href="activities.html" />
<area shape="rect" coords="0,1,798,116" href="http://pdr-social-club.tripod.com/" />
</map>
</td>
</tr>

<tr>
<td valign="baseline">
<img src="Images/Sidebar.png" vspace="0" width="180" height="450" border="0" usemap="#sidebar" />
<map name="sidebar">
<area shape="rect" coords="0,0,167,22" href="calender.html" />
<area shape="rect" coords="1,23,168,47" href="meetings.html" />
<area shape="rect" coords="1,48,167,75" href="classes.html" />
<area shape="rect" coords="1,77,166,105" href="classifieds.html" />
<area shape="rect" coords="0,108,167,142" href="officers.html" />
</map>
</td>

<td valign="top"><textarea readonly name="From the Editor" rows="30" cols="25">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed leo risus, pharetra et, gravida ac, lacinia eget, enim. In sapien purus, eleifend vel, sodales tincidunt, ullamcorper a, velit. Mauris magna. Fusce congue. Vivamus dolor elit, molestie sed, consectetuer eget, consequat vel, nunc. Donec eu metus in tellus euismod feugiat. Aenean sit amet neque quis diam porta vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ut metus. Ut ac felis. Proin quis orci. Donec quis nulla. In aliquet. Sed ligula.

Aliquam erat volutpat. Aliquam erat volutpat. Proin porttitor massa vel sapien. Sed sapien purus, euismod eu, gravida id, eleifend nec, ante. Proin fringilla feugiat turpis. Sed tellus nunc, placerat id, adipiscing sed, feugiat ut, lectus. Duis et dolor. Aenean eu elit vitae orci vehicula volutpat. Pellentesque erat. Curabitur eu ligula. Maecenas mi justo, nonummy dignissim, suscipit sed, iaculis tincidunt, nunc. Pellentesque ultrices sapien eget enim. Praesent venenatis eros at magna. Nam facilisis. Suspendisse condimentum fringilla est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer magna leo, malesuada pretium, bibendum in, commodo ac, tortor. Suspendisse erat. Fusce at nisi. In tincidunt ipsum eget turpis. Quisque varius. Ut lorem. Nulla facilisi. Cras non turpis non ante venenatis aliquam. Phasellus mollis leo consequat libero. Nulla accumsan. Maecenas nec leo. Sed in magna.</textarea></td>

<td valign="middle"><textarea readonly name="From PDR management" rows="30" cols="25">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed leo risus, pharetra et, gravida ac, lacinia eget, enim. In sapien purus, eleifend vel, sodales tincidunt, ullamcorper a, velit. Mauris magna. Fusce congue. Vivamus dolor elit, molestie sed, consectetuer eget, consequat vel, nunc. Donec eu metus in tellus euismod feugiat. Aenean sit amet neque quis diam porta vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ut metus. Ut ac felis. Proin quis orci. Donec quis nulla. In aliquet. Sed ligula.

Aliquam erat volutpat. Aliquam erat volutpat. Proin porttitor massa vel sapien. Sed sapien purus, euismod eu, gravida id, eleifend nec, ante. Proin fringilla feugiat turpis. Sed tellus nunc, placerat id, adipiscing sed, feugiat ut, lectus. Duis et dolor. Aenean eu elit vitae orci vehicula volutpat. Pellentesque erat. Curabitur eu ligula. Maecenas mi justo, nonummy dignissim, suscipit sed, iaculis tincidunt, nunc. Pellentesque ultrices sapien eget enim. Praesent venenatis eros at magna. Nam facilisis. Suspendisse condimentum fringilla est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer magna leo, malesuada pretium, bibendum in, commodo ac, tortor. Suspendisse erat. Fusce at nisi. In tincidunt ipsum eget turpis. Quisque varius. Ut lorem. Nulla facilisi. Cras non turpis non ante venenatis aliquam. Phasellus mollis leo consequat libero. Nulla accumsan. Maecenas nec leo. Sed in magna.</textarea></td>
</tr>
</table>

<copyright>
<year>2006</year>
<holder>David Melby</holder>
</copyright>

</html>



I would be very gratefull for any help!


Thanks!
Dragon
:bat_angel
bmw
May 26th, 2006, 10:31
This looks suspicious:

img src="Images/Sidebar.png" vspace="0" width="180" height="450"

but the image is actually 180x449
Dragon12
May 27th, 2006, 00:42
Thanks BMW,

Ya I was playing with the size of the images to see if I could bring the two together. I must not have reset them to the original size.
I scraped the old "code" and did this instead PDR Web Site (http://pdr-social-club.tripod.com) .

This was still a pain in the butt. It looks a little better then the old.
I had to write it to suit I.E. since most of the target audience will be viewing it in I.E. (Don't shoot me! my hands are tied!). Still have some work to do on it.
I just wish browsers would adopt the Wc3 guidlines so that everything will look the same in any browser. It looks crappy in the Mozilla browsers.
If anyone knows how to get the page to render the same in any browser I'd love to hear about.

Dragon
:bat_angel
Kernel_Killer
May 27th, 2006, 02:18
Take about an hour to learn to make a basic CSS. You'll be happy you did in the long run. Such a pain to do that same template for a page for all of your pages. On top of that, one file to change it all.
Dragon12
May 29th, 2006, 12:13
Thanks KK,

Funny that you should metion that because I had converted over to using CSS and since then I've been tweeking to make it look better. I'm still not happy how it turned out so I will be completely redesigning it over the next couple of weeks.

Thanks goes out to everyone who pitched in there 2 cents!

Dragon

:bat_angel