HTML - Table Troubles (choose Which Cell To Compensate)

I recently made a rollover menu, and though the text does highlight when I roll over the cell, the link only works if I rollover the word is the cell. Is there a way to make the cell itself link?

Hello,

I have a problem with tables cells containing form buttons:

Code:

<tr>
<td colspan="2" align="center">

<button id="button-submit_2" type="submit">Add Name</button>
&emsp;&emsp;&emsp;&emsp;&emsp;</form>

<form action="nrt-home-edit&delete.php" method="post">
<input type="hidden" name="class_name" value="$class_name[0]"/>
<button id="button-submit_2" type="submit">Finish</button></form>

</td>
</tr>

The above code puts the two buttons on their own lines within the table cell. My question is, does anybody know how to keep them on the same line without putting them into their own individual cells?

i want the entire table cell to be the link, not just the text inside
any ideas?

Hi

Can someone please tell me how I can make a table cell (which contains text which is linked) linkable?

http://www.revolution.worldclanleagu...?site=calendar

Here you can see a calendar with months at the top. When you hover over a month, the cell highlights but only the text inside is actually selectable - I'd like to make the cell selectable/linked.

PHP/HTML I have:

Code:

<td class="calendar-month" align="center"><a class="calendar" href="index.php?site=calendar&amp;month=01">'.mb_substr($_language->module['jan'], 0, 3).'</a></td>

CSS:

Code:

a.calendar, a.calendar:visited, a.calendar:active {
  font-family: Arial;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;}
  
a.calendar:hover {
  font-family: Arial;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;}
  
.calendar-month, calendar-month:visited {
  font-family: Arial;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 13px;
  padding: 5px;
  background-color: #2f2f2f;
  border-bottom:3px solid #1d1d1d;
  border-right: 1px solid #000;
  border-top: 1px solid #424242;
  border-left: 1px solid #424242;}
  
.calendar-month:active {
  font-family: Arial;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 13px;
  padding: 5px;
  background-color: #2f2f2f;
  border-bottom:3px solid #1d1d1d;
  border-right: 1px solid #000;
  border-top: 1px solid #424242;
  border-left: 1px solid #424242;}

.calendar-month:hover {
  font-family: Arial;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 13px;
  padding: 5px;
  background-color: #3f3f3f;
  border-bottom:3px solid #1d1d1d;
  border-right: 1px solid #000;
  border-top: 1px solid #424242;
  border-left: 1px solid #424242;}

(sorry theres so much css)

Thanks in advance =D

I've got a small problem, i want to make a table cell that works as a button.
I tried it this way:

Code:

<table border='1' width='100%' height='10%'>
<tr>
<a href='page.htm'>
<td width='20%' height='100%'>
</td>
</a>

But this won't work, does anybody know how I can solve this problem?

Hello all!
I wanted to ask if there is a way to specify certain width sizes for table cells in a table. The thing is that I have a table in one webpage that, if I leave the width of the TD cells unspecified, I usually end up with some cells being very wide because the text that is written inside them is very big and does not roll up automatically and other cells shrink and become very small in order for the total table not to lose its specified length.
Can I set a specific width for the cell that gets filled with many words so that the contents of this cell will wrap and not extend so much?
Thank you!

Hi,

I have a template made that my friend made in photoshop and slice the image to be able to put them in html.

The problem is when I put too much text the cell on both side of the middle one are resizing too. is there a way to lock them from resizing and get only the cell that i want to resize?

I'll put the html code here and thx a lot!

BTW When it say: this cell resize verticaly - it mean that I want this cell to resize and not the others



Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>web_DIV</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#000000">

<table id="tableau_01" width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="4" width="50%" height="316" background="images/web_div_01.jpg">
			</td>
		<td colspan="6" width="992" height="61" background="images/web_div_02.jpg">
			</td>
		<td rowspan="4" width="50%" height="316" background="images/web_div_03.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="61" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="3" width="55" height="255" background="images/web_div_04.jpg">
			</td>
		<td rowspan="3" width="23" height="255" background="images/web_div_05.jpg">
			</td>
		<td width="772" height="26" background="images/web_div_06.jpg">
			</td>
		<td colspan="2" rowspan="3" width="21" height="255" background="images/web_div_07.jpg">
			</td>
		<td width="121" height="26" background="images/web_div_08.jpg">
			&gt;</td>
		<td>
			<img src="images/spacer.gif" width="1" height="26" alt="" /></td>
	</tr>
	<tr>
	
		<td rowspan="4" width="772" height="435" background="images/web_div_09.jpg">
           
the text			</td>
		<td width="121" height="4" background="images/web_div_10.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt="" /></td>
	</tr>
	<tr>
		<td width="121" height="225" background="images/web_div_11.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="225" alt="" /></td>
	</tr>
	<tr>
		<td width="50%" height="100%" background="images/web_div_12.jpg">
            <p>this cell resize verticaly</p>

			</td>
		<td colspan="2" width="78" height="100%" background="images/web_div_13.jpg">
this cell resize verticaly</td>
		<td colspan="3" width="142" height="7" background="images/web_div_14.jpg">
this cell resize verticaly</td>
		<td width="50%" height="100%" background="images/web_div_15.jpg">
this cell resizeverticaly</td>
		<td>
			<img src="images/spacer.gif" width="1" height="7" alt="" /></td>
	</tr>
	<tr>
		<td rowspan="5" width="50%" height="345" background="images/web_div_16.jpg">
&nbsp;			</td>
		<td colspan="2" rowspan="2" width="78" height="223" background="images/web_div_17.jpg">
			</td>
		<td colspan="2" rowspan="2" width="21" height="223" background="images/web_div_18.jpg">
			</td>
		<td rowspan="4" width="121" height="332" background="images/web_div_19.jpg">
			</td>
		<td rowspan="5" width="8" height="345" background="images/web_div_20.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="199" alt="" /></td>
	</tr>
	<tr>
		<td width="772" height="24" background="images/web_div_21.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="24" alt="" /></td>
	</tr>
	<tr>
		<td colspan="5" width="871" height="81" background="images/web_div_22.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="81" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2" width="78" height="28" background="images/web_div_23.jpg">
			</td>
		<td colspan="2" width="773" height="28" background="images/web_div_24.jpg">
			</td>
		<td width="20" height="28" background="images/web_div_25.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="28" alt="" /></td>
	</tr>
	<tr>
		<td colspan="6" width="992" height="13" background="images/web_div_26.jpg">
			</td>
		<td>
			<img src="images/spacer.gif" width="1" height="13" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="55" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="23" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="772" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="20" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="121" height="1" alt="" /></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt="" /></td>
		<td></td>
	</tr>
</table>


</html>

I am doing a simple calendar. I managed to do the table with days etc. I have a problem I wish to highlight a number and the cell automatically according to the date of the day.
Can Someone help please?
Thanks & best regards

I have (for my sins - should have read up on css earlier) a table-based site, essentially with header, footer, left and right cells and the main piece in the middle.

I have used different background colours, but am wanting to highlight the middle bit.

I have used a border, but that seems to centre on the edge of the cell - ie half the specified border size is inside the cell and half outside. The effect of this is that my two side pieces have whitespace before they start.

Is there any way to specify a 'border' which stays totally within its relevant cell ?

Thanks.

Hi Guys,

Code:

<td><a href="#" onclick="javascript:document.forms['formStatement'].submit()"> <%= statement.getTransaction().get(i).getTransactionId()%></a></td>

As u see above is cell of a table, I want to fetch the value of the row cell as i want to use it using request object like req.getAttribute("some attribute");

How can i do that?

Code:

          <td class="row5" style="text-align:center;" width="50">


<b style="font-size:15px; color:#c9c5be; font-family:Georgia;">2</b> <span style="color:#c9c5be;">topics</span>
<br />
<b style="font-size:15px; color:#c9c5be; font-family:Georgia;">1</b> <span style="color:#c9c5be;">posts</span><br /><br />


</td>

I'm not sure how it's looking in IE, but in Firefox all the text in this table cell is aligned to the right. I can't figure out why.
Row5 only adds a background color and nothing else.


http://sa.zrkonium.net/
It's visible here ^ The grey topics/posts text is aligned to the right in Firefox rather than in the center where it should be.

I can't figure out why it's not aligning right. Any help appreciated.

i want to open a frame by clicking on a cell,i can only do this when the ref is outside the table,can you help?
Thanks everybody

So i am building a site for a friend, and created a navigational bar across the top with 7 tabs. The bg color is currently blue with white letters, and I want to make it white with black letters on a mouseover. I tried a couple different things from google, and nothing worked. Here is the code for the table. I would appreciate all the help I can get. Thanks!

<HTML>
<HEAD>
<TITLE>Moxie Communication</TITLE>
<style type="text/css">
p {font-family: Univers LT Std 45 Light}
td {font-family: Univers LT Std 45 Light}
</STYLE>
</HEAD>

<BODY bgcolor="#000000" style="color:white" vlink=white alink=black>

<TABLE border=0 height=100 align=center bgcolor=#1A1919>
<TR>
<TD valign=top>
<img src="F:\MOXIE\Website Images\Moxie_Top.jpg">

<TABLE border=0 width=100% cellpadding=9 cellspacing=1 bgcolor=#0054B4>
<TR align=center>
<TD><font size=2><a href="moxie.htm">HOME</a></font></TD>
<TD><font size=2><a href="about.htm">ABOUT</a></font></TD>
<TD><font size=2><a href="services.htm">SERVICES</a></font></TD>
<TD><font size=2><a href="clients.htm">CLIENTS</a></font></TD>
<TD><font size=2><a href="pricing.htm">PRICING</a></font></TD>
<TD><font size=2><a href="team.htm">MEET THE TEAM</a></font></TD>
<TD><font size=2><a href="contact.htm">CONTACT</a></font></TD>
</TR>
</TABLE>