HTML - Jump Menu Target Table Cell

hi,
i have a jsp page, in this page i am displaying data retrieved from mysql database. Now the problem is i must color table cell based on cell value. how to implement this.please give me an sample or working code foe this problem.( any code is accepted) preferably html or javascript.
i.e
if cell value is "late" then display that cell in red color
else
display the cell in green color
please help me.

Thanks ad Regards
Akash

Hello guys !

Ok, i have this website: www.global-publicity.com and, how you see, i have two jump menus there .

Well i wonder how can i do to click on Choose continent and when i click on Europe automatically open in left and right frames two html pages in there BUT open my second menu also (ROMANIA)
Hope you understand and sorry for my bad english...

not sure if i need a js for this but I have a web page using page jump links to navigate a FAQ page.

However, I would rather have a drop down menu/form with the links instead of a list of text links. Anybody have a clue? thanks in advance.

This is what I have so far as an example...

<form name="jump"><select id="select" name="select">
<option value="" selected="selected">Select</option>
<option value="#1">Category 1</option>
</select></form>



<a id="1" name="1"></a> Category 1

First, forgive me i'm a noob!

Am attempting to rebuild our sorry website. Am kinda picking the whole html thing up, however, am building in frontpage and expressions because those are the programs i have.

page i'm working on is: ygcc.org/testing

i embedded a video, but would like to position it to line up w/ everything else. i like how it looks centered, but its not aligned correctly w/ the other objects on the page. also, everything else is "positioned" on the page, whereas the media is "aligned" so, it doesn't stay put if i resize my browser

next problem i'm having is jump menu or tree menu. i want a drop boxes, such as are on the page, however, would like it if it was a horizontal menu, not individual boxes like they are. right now, the drop boxes are only drop boxes (for "forms") and do not hyperlink.

if i "insert jumpmenu" then, i cannot put them beside each other in a row. if i attempt to put them in a row, they are like steps, not straight across.

i d/led a program to help w/ menus, but i don't even understand it. when i attempted what it told me to do, i do not get a menu. i know i need to put javascript in, but apparently do not understand this enough to actually do it.

in short i would truly appreciate some help. thanks in advance

The table itself is working fine, but the size of each cell is not correct in Firefox.
Here is a screenshot of what is happening:

http://img35.imageshack.us/img35/1938/tabletroubles.gif


Here is the head of my page, the css for the table is he

HTML Code:

<style type="text/css">
#cat table {border:0px solid #333333; cell-padding:0; cell-spacing:0; align=center} 
#cat tr {align=center}
#cat td {font-size: 13px; font-family=tahoma; font-weight: bold; padding: 0px; border:0px solid #333333; align=center;} 
#cat td a {text-decoration: none; color:#757575; background-color: white; display:block; height=23; background-image: url(linkbg1.gif); align=center;} 
#cat td a:hover {background-color: #333333; font-weight: bold; text-decoration: none;color: #ffffff; background-image: url(linkbg2.gif); align=center;} 
</style>

and here is the table code, located in the body of the page:

HTML Code:

<div style="Height:53px; overflow:auto; width:900px; position:absolute; top:0; left:0">


<TABLE bgcolor=#333333 cellspacing=0; cellpadding=0;><tr><td>

<div id="cat"> 

<table width=900; cellpadding:0px; cellspacing:0px> 
<tr align=center> 
<td width=20%>
<font face=tahoma><a href="home.html">Home</a></font>
</td>
<td width=20%><center><font face=tahoma><a href="openings.html" target="_top">Openings</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="dance.html" target="_top">Dance</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="projects.html" target="_top">Projects</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="vocaloid.html" target="_top">Vocaloid</a></font></center></td> 
</tr> 
<tr> 
<td width=20%><center><font face=tahoma><a href="fanflashes.html" target="_top">Fanflashes</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="caramelldansen.html" target="_top">Caramelldansen</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="cosplay.html" target="_top">Cosplay</a></font></center></td>
<td width=20%><center><font face=tahoma><a href="endings.html" target="_top">Endings</a></center></td>
<td width=20%><center><font face=tahoma><a href="anime.html" target="_top">Anime Episodes</a></font></font></center></td> 
</tr> 
</table>


</div> 
</td></tr></table> 
</div>

A table is nested within another table. The table on the outside has no content, it is there to make a gray border around everything else.

If you look at the table in firefox & internet explorer, you'll see that in IE- the table is much thicker than in firefox. How can i make it so that the table in Firefox will have the same thickness as the one in IE? I could really use some help. Thanks!

Hi everyone.

So I got my template set up to the way I like it and everything is rolling good. I inserted a picture into one of the cells in the table and it shifts everything over.

Here is my code:

<td width="625" colspan="1" bgcolor="white">
<font type="Arial" size ="5" color="blue">
<b>Floorplan</b><br>
<center>
<a href="floorplanlarge.jpg"><img src="floorplansmall.jpg" border="0" /></a>
</center>
</td>

I have been working on fixing this for the last hour and am out of ideas on what is going on. The picture is smaller than the cell width range. My picture width is 311 pixels and the cell width is 625 pixels.

I dont know if there is code whether its HTML or CSS to prevent the cell from widening.

Any help would be appreciated. Also if you need me to provide more detail I can. Thanks.

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

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>

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>

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,

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 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.

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