help for newbie, > table issues >

[quadrant6]

hi,


I'm still pretty new to using tables, and always run into trouble

my current 'thing' is here (http://www.theory1.orcon.net.nz/help/index.html) style sheet is here (http://www.theory1.orcon.net.nz/help/style.css)

It was going o.k up until i included the images, i want them to be like this

http://www.theory1.orcon.net.nz/help/example.gif

but i can't get it to work :mad:

[ShdwStal]

Instead of using two <TD>'s, you can put both the pics next to eachother in the same cell. (TD)

[Blaze]

Here's an idea.. why don't you just put'-->

colspan="2" into your TD tags for you top and bottom rows. This will force the two rows to stretch over two, thus both your images will appear directly below and above your top and bottom rows :D

--------------

<TABLE class=main align=center >
<TBODY>
<TR>
<TD class=mainTextTop colspan="2">
<P class=header>India</P>YOUR MAIN TEXT AREA</TD>
</TR>
<TR>
<TD class=space>&nbsp;</TD>
<TR>
<TD class=middleL><IMG class=pic height=122 alt=India
src="Passport_files/india4S.jpg" width=170></TD>
<TD class=middleR><IMG class=pic height=122 alt="More India"
src="Passport_files/india5S.jpg" width=170></TD>
</TR>
<TR>
<TD class=space>&nbsp;</TD>
</TR>
<TR>
<TD class=top vAlign=top colspan="2">
<IMG height=50 src="Passport_files/head.gif"
width=450 border=0></TD>
</TR>
</TBODY>
</TABLE>

-------------

Hope that helps :thumbsup: ;)

[webmarkart]

Try this...



<table class="main" align="center">
<tr>
<td class="mainTextTop" colspan="2"><p class="header">India</p>India will sideswipe you with its size, clamour and diversity. Nothing in the country is ever quite what you expect. India is a litmus test for many travellers and some visitors are only too happy to get on an aircraft and fly away, but if you enjoy delving into convoluted cosmologies and thrive on sensual overload, then India is one of the most intricate and rewarding dramas unfolding on earth.
Religion seeps into every facet of Indian life. Despite being a secular democracy, India is one of the few countries on earth in which the social and religious structures that define the nation's identity remain intact, and have continued to do so for at least 4000 years despite invasions, persecution, European colonialism and political upheaval. So resilient are its social & religious institutions that it has absorbed, ignored or thrown off all attempts to radically change or destroy them</td>
</tr>
<td class="space" colspan="2" >&nbsp;</td>
<tr>
<td width="50%" align="center" class="middleL"><img src="images/india4S.jpg" alt="India" width="170" height="122" class="pic"></td>
<td width="50%" align="center" class="middleR"><img src="images/india5S.jpg" alt="More India" width="170" height="122" class="pic"></td>
</tr>
<tr>
<td class="space" colspan="2" >&nbsp;</td>
</tr>
<tr>
<td class="top" valign="top" colspan="2" align="center" ><img src="head.gif" width="450" height="50" border="0"></td>
</tr>
</table>

[Blaze]

:D! It looks like we have an agreement going on here.. anyone works however.

[codewarrior]

Just get Dreamweaver ... all problems will be solved! :D

[Blaze]

Dreamweaver, the greater creator of web pages, and by chance that's what I used to test my idea out on :p :D

[quadrant6]

:) !

Thanks for the help, one more little Q :o

there is a line/space between the two cells, is there a way of getting rid of this to give the impression of one box?

http://www.theory1.orcon.net.nz/help/example2.jpg

[Potato]

lol no

[MCookie]

If you make ONE cell of those two and put another table in there with border set to zero and two cells...

<td colspan="2">

<table width="100%" border="0" cellspacing="2" cellpadding="1">
<tr align="center">
<td>image.jpg</td>
<td>image.jpg</td></tr></table>

</td>

[quadrant6]

hmmm, thanks i'll try it.

[webmarkart]

make the cellspacing="0"