HTML - Is It Possible To Add Image Inside Table?

Hi frns
I am trying to create scrolling table inside <div> tag,like this :

Code:

<div align = "left" style=" max-width:850px; width: expression(this.width > 850 ? 850 : true);max-height:600px; height: expression(this.height > 600 ? 600 : true); overflow:auto; border:0px;">
<table align ="center"><tr> <td id = "divHolder"> </td > </tr>
</table>
</div>

My this table will be populated dynamically.Otherwise its working fine,but I want to make it independent of pixels ,like 850px or 600px which I am hard coding.Due to these pixels,the size of scroll appears differently on different screens.Can somebody plz tell,how to make it screen dependent rather than pixels dependent?
Thnx

Hi, for some strange reason when I browse my site in FireFox there is a gap between the navigation buttons and the title image, but in IExplorer it looks perfectly fine.

Any ideas?

Heres the site:

Heres a picture in case some of you don't see the problem or don't have firefox.


PS: I'm not sure if the gap is between the table and the other table, or between the table and the image.

Thanks for your help.

Hello

I have a very annoying problem:

I have a table inside a td and I want the table the strech its height to the height of the <td> , but somehow I can't do it...

<td valign="top" style="width:14px; border:solid 1px black;">
<table cellpadding="0" cellspacing="0" border="1" style="width:100%; height:100%; min-height:100%; max-height:100%" >
<tr>
<td class="CommonSeperetorUp" >

</td>
</tr>
<tr>
<td class="CommonSeperetorMiddle" >

</td>
</tr>
<tr>
<td class="CommonSeperetorDown" >

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



int the class "CommonSeperetorMiddle" I set the height to 100% ...

anyone?

HTML Code:

<table id="content" width="850" height="400" border="0" cellpadding="0" cellspacing="5" align="center">
<tr>
<td width="28" valign="top"></td>

<td width="584" valign="top">
</td>

<td width="20" valign="top">
</td>
</tr>
</table>

This is my above table and I want it to lock content inside a td if that makes sense, for example... if I type 1000 letters into the middle td of a width of 584, the table will get bigger and it looks strange.

How can I fix this issue?

Im making a calendar table and i want to be able to change the color of the background depending on the status of the date. and i wanted to know were do i code the conditional statements to determine the color of the background? and hot do i make that text take me to a form when you click on it?

thanks for the help,
Tavo

What is a simple way to bring up a webpage inside of a table cell. I want another website page to come up inside of the cell with scroll bars so the user can view that page while never actually leaving the home page, it would just be embeded into one of the cells.

-Aaron

dear everybody
i need to draw a table with data inside the TEXTAREA but i don't understand how can i do it. Can anybody help me how can i do it .


Thanks
Web Developer
Nanumsem Korea

Hi,

I am having a problem with the formating of a search box inside a table. All I want is for the text field and submit button to sit exactly in the middle (vertically aligned) inside the table with an equal space above and below (table background is dark colour so very noticeable)


In Dreamweaver, it looks fine until published - then there is a large gap below the text field and submit button but small space above. I basically am trying to get the space below the same as the one above. Take a look at the code to see what I mean.


<style type="text/css">
<!--
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size: 12px;
}
-->
</style>
<table width="540" border="0">
<tr>
<td width="534" height="26" bgcolor="#666666"><form action="http://www.soundscalpel.com/search.php" method="get" name="form1" target="_blank" id="form1">
<label for="textfield"></label>
<div align="right">
<span class="style2">Search for Sound Effects </span>
<input type="text" name="q" id="q" />
<input type="submit" value="Submit" />
</div>
</form>
</td>
</tr>
</table>


Hope someone can help

Thanks

Hello!

I am new here, I know CSS and HTML basics and would like to ask you how to put a vertical slider inside a table cell.

Thank you!

I have a table which contains 1 row, and 2 cells within the row. One cell displays some text neatly centered. and the other an image.

I've written some javascript to change the color of the cell when the mouse hovers above it. Nice...but

How do I nest my table inside an anchor <a href=""> tag so that the visitor can click anywhere within the cell and be directed to the href?

Ive nested the table inside a tag and it only worked in Mozilla & Opera, but Internet Explorer......need I say more?

Please help?

Hi all,
I have a table with some data in it. Sometimes the data in one of the cells fills up and it messes up the formatting of the rest of the table.

I would like to have the table show a "...." when this happens and then when the user hovers his mouse over this then I want the remaining data to float over the table. Somewhat like a tooltip text. Is there anyway to do this?

Thanks in advance for any help,
Jehan

[EDITED 2007/11/22 x1]

Okay, I have read the previous post on this topic, and the solution to use an IFRAME... but what about those who use FireFox (and other Mozilla-style) WWWeb browser?

Is it possible to get a web page (hyperlink/URL) to load +inside+ a table cell ??

Basically the scenario I have dreamt up is creating a table that will have, say, three columns:

item_image0 ...|... item_name0 ...|... item0_LIVE_CONTENT
item_image1 ...|... item_name1 ...|... item1_LIVE_CONTENT
item_image2 ...|... item_name2 ...|... item2_LIVE_CONTENT

"item_LIVE_CONTENT" will be nothing more than a few lines of text which will reveal the item's current 'value', but it *pulls* this information in via a hyperlink/URL.

I have no other way to access this information than by using a webpage (I just happen to know the actual URLs for the individual items)... and I am attempting to build a one-page ''Quick List'' of items and their current associated 'values' at the time the webpage is generated.

If this is possible, without using iFRAMES, PHP, external .JS files, or other WWWeb Browser-specific features, I am all eyes and ears... oh, and FINGERS! *smile* Everything (coding-wise) has to be included in 'same' HTML file as the 'table', that *fetches*/*calls* the hyperlinked data.

Javascript welcome! THANK YOU, in advance, for all helpful replies!

P.S. I found the following, but the 'file' I am using does NOT have an .EXTenSion (other than .HTML) that can be seen:

<?php include("http://www.testsite.com/?name=username&page=itemlog");?>

That looks simple enough, but the '' <?php '' part... does the PHP refer to the file's .EXTension that the code itself is contain within...? If so, then obviously that is why this code is NOT working for me. :/

So I've been trying to set up a search box to blank out its default text when clicked, and reappear when it goes away (if empty). The script works fine--I know that much. However, when using it inside a table inside a form, it seems to fail every single time. Even "this.value=' ' " falls flat on its face. I'm relatively new to HTML, so please bear with me. Below is the script, a text box it does work in, and then the box I'm trying to make it work in.

Quote:
<script type="text/javascript">
function clickIn(field){
if (field.value==field.defaultValue){
field.value='';
}
}

function clickOut(field){
if (field.value==''){
field.value=field.defaultValue;
}
}
</script>

<form>
<input type="text" name="text" id="test" value="test" onfocus="clickIn(this)" onblur="clickOut(this)"/>
</form>

<form>
<tr>
<td style="border-style:solid;border-color:#4B7B9F;border-width:1px;">
<!--Search Box Dimensions-->
<input type="text" title="Search Terms" name="lookfor" id="search" value="Search the Catalog" onfocus: "clickIn(this)" onblur="clickOut(this)" style="width:300px; border:0px solid; height:50px; padding:0px 3px; position:relative;"/>
</td>
<td style="border-style:solid;border-color:#4B7B9F;border-width:1px;">
<!--The search button-->
<input type="image" value="Go" src="Search Button.jpg" style="border-style: none; width: 50px; height: 50px;"/>
</td>
</tr>
</table>
</form>

Ok, so i uploaded my page to the web and for some reason the bullets are not showing up inside the table cells of the Toppings table to my page.

for some reason it shows up fine in Chrome, but in IE and Firefox, they show up to the left of the table cells making it look weird? does someone know how to make it so it shows up the way it does in chrome for all browsers? whats wrong with my code?

heres the page...
http://valspizzaplace.com/newwebsite...inos/pizza.php


ahh this is frustrating, i can't figure out and its probably something simple.

Hi
I am very HTML newbe
I want to put some text on the image but i cant

This is the code i am using

HTML Code:

<table>
	<tr>
		<td>
			<img src="http://asmgx.webs.com/p1.jpg">My text should start from the red dot till the right border of 
			the image, up to the bottom border to the image but as you can see it does not :(</img>
		</td>
		<td>
			<img src="http://asmgx.webs.com/p2.jpg">another text goes here</img>
		</td>
		<td>
			<img src="http://asmgx.webs.com/p3.jpg">another one too</img>
		</td>
	</tr>
</table>

This is how should my result look like


can any one help me here?