Jump to content

table help pleaase:(


jatin_co

Recommended Posts

hi everyone,i am student i have just started learning html.i made a layout in photoshop and have imported each slice in dreamweaver to make a web page but the problem is that i have made 10 rows and 2 columns.what i want as you can see in the picture i want to add a flash animation in it just opposite that miss you thankyouand friendship cards.but as my flash animation is big needs 3 rows and also because of sliced images i am unable to do that can you help me.i want a coding for that.please help......... :)26980e9758.gif

Link to comment
Share on other sites

what is html.i? Oh wait, you dont put spaces inbetween your periods and the next word =[.Umm.. what exactly do you want? just slice the images up tons and stick into rows.
read the question closer. They have it sliced and in rows but need to insert a flash animation that takes up 3 rows....like Cron said use rowspan
Link to comment
Share on other sites

hi again i want help regarding this please as i am just a fresher. :) as u can see the area i have marked is a single tr content ........i have to ad some content in single tdlike i have written<tr> <td><img src="4.gif"><img src="5.gif" width="558" height="59"></td></tr>so i need to add flash coding some i have maked in red.prove me if are really a good coder. :)01bced5d4c.gif

Link to comment
Share on other sites

Can you post the HTML table that you currently have? Its hard to tell what you have so far with just an image.Thanks.
</head><body background="bg_29.gif"><table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <th scope="col"><img src="1.gif"></th> </tr> <tr> <td><img src="2.gif"><img src="3.gif" width="558" height="41"></td> </tr> <tr> <td><img src="4.gif"><img src="5.gif" width="558" height="59"></td></tr> <tr> <td><img src="6.gif" width="192" height="74"></td> </tr> <tr> <th scope="row"><div align="left"><img src="8.gif"></div></th> </tr> <tr> <th scope="row"><div align="left"><img src="10.gif"></div></th> </tr> <tr> <th scope="row"><div align="left"><img src="12.gif"></div></th> </tr><tr><th><div align="left"><img src="14.gif"></div></th></tr><tr><th><div align="left"><img src="14.gif"></div></th></tr><tr><th><div align="left"><img src="16.gif"><img src="17.gif"></div></th></tr><tr><td><img src="18.gif"></td></tr></table></body></html>
Link to comment
Share on other sites

hello!two things come to mind:1. use colspan AND rowspan (I don't know if the former is w3c compatible, does anyone else?), or there's what I would do, which is 2. make your header a table that spans the top of the page (width="100%" or alternatively "800" for standard sized screens), then another table for underneath with one row, two columns. in the first column, just put all your slices together...you won't need a table to do this. in the second column, just insert your flash. why wouldn't you leave your images in one piece and just make an image map? it seems like it might take some time out of publishing and, i think, it's a little bit neater than creating elaborate tables.does that help?

Link to comment
Share on other sites

There's only 1 column in the table, not 2. Each cell has 2 images side-by-side, but they are in the same cell. You need to break up your cells into 2 columns, and then you can have your menu on one side, and create the rowspan like the others were saying.

<table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><th scope="col" colspan="2"><img src="1.gif"></th></tr><tr><td><img src="2.gif"></td><td><img src="3.gif" width="558" height="41"></td></tr><tr><td><img src="4.gif"></td><td><img src="5.gif" width="558" height="59"></td></tr><tr><td><img src="6.gif" width="192" height="74"></td><td rowspan="3">Flash animation here</td></tr><tr><th scope="row"><div align="left"><img src="8.gif"></div></th></tr><tr><th scope="row"><div align="left"><img src="10.gif"></div></th></tr><tr><th scope="row" colspan="2"><div align="left"><img src="12.gif"></div></th></tr><tr><th colspan="2"><div align="left"><img src="14.gif"></div></th></tr><tr><th colspan="2"><div align="left"><img src="14.gif"></div></th></tr><tr><th colspan="2"><div align="left"><img src="16.gif"><img src="17.gif"></div></th></tr><tr><td colspan="2"><img src="18.gif"></td></tr></table>

Link to comment
Share on other sites

There's only 1 column in the table, not 2. Each cell has 2 images side-by-side, but they are in the same cell. You need to break up your cells into 2 columns, and then you can have your menu on one side, and create the rowspan like the others were saying.
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><th scope="col" colspan="2"><img src="1.gif"></th></tr><tr><td><img src="2.gif"></td><td><img src="3.gif" width="558" height="41"></td></tr><tr><td><img src="4.gif"></td><td><img src="5.gif" width="558" height="59"></td></tr><tr><td><img src="6.gif" width="192" height="74"></td><td rowspan="3">Flash animation here</td></tr><tr><th scope="row"><div align="left"><img src="8.gif"></div></th></tr><tr><th scope="row"><div align="left"><img src="10.gif"></div></th></tr><tr><th scope="row" colspan="2"><div align="left"><img src="12.gif"></div></th></tr><tr><th colspan="2"><div align="left"><img src="14.gif"></div></th></tr><tr><th colspan="2"><div align="left"><img src="14.gif"></div></th></tr><tr><th colspan="2"><div align="left"><img src="16.gif"><img src="17.gif"></div></th></tr><tr><td colspan="2"><img src="18.gif"></td></tr></table>

thanks a lot to all of you for your helpregardsjk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...