HTML - Need Help, Opacity On My Tables Is Affecting The Content In My Table

Hello, im trying to make a webpage and figured invisible tables would be a good way to structurise the page, ive ran into a problem tho as in the cell content alignment is wrong.

heres what im trying to achieve:
Code:

____________________________________________
| navigation |text starts from up here     |
| navigation |                             |
| navigation |                             |
| navigation |                             |
|____________|_____________________________|

but while the navigation bar is always the same height the text cell is sometimes taller sometimes shorter thus i get situations where the small amount of text starts from the middle of the cell instead of top as i want it to and when there is alot of text the navigation bar moves to the middle of the streched out cell
heres the html im using right now

Code:

<table>
 <tr>
  <td>
  <a href=blah blah>link</a><br>
  <a href=blah blah>link</a><br>
  etc
  </td>
  <td>
  here is the text
  </td>
 </tr>
</table>

please help

Does anyone know how to fix this? as you can see, there's random content at the bottom left there. it's not supposed to be and is supposed to be located in the column that's very wide there, but for some reason is throwing it down below the left column. how can i fix this?

http://erocsteady.freehostia.com/tes...ents/index.php
^you can see what im talking about here

Hello

I'm trying to work out a way of allowing my main content to increase without it stretching my nav and ruining the formatting.

I have a table, 2 columns, 10 rows, cell spacing 4

I've set the main content (right) to span all 10 rows.

I want to be able to increase the main content without it stretching my rows. Row height set to 40px.

My answer so far has been to add an 11th row, turn it white and set the height so that the combined height of the cells in the left had column matches the height of the right hand one.

This is fine, but a bit of nuisance if you want numerous pages where the main content takes up a different amount of space.

Is there anyway to set the 11th cell on the left hand column to stretch along with my main content, without it messing up the height of the 10 calls above?

You'd think you'd be able to set it to height = 100% or something, but apparently not.

Many thanks,
monki

I have a list within a table and much of the content has links to two different javascript codes. One is a popup javascript to so that I can control the window size and the other is a toggle.display javascript to show/hide specific details about my list. The scripts run fine, but for some odd reason the content in my table gets cut off randomly towards the end of the list.

I went through to make sure that I didn't have any div tags nested.. etc.. and i'm now at a complete loss as to why my content within the table gets randomly cut off.

Any help would me much appreciated. The link for the site is he http://netimpact.org/displaycommon.c...rticlenbr=2440. You'll notice at the very bottom of the table it randomly stops..

Heylo,

On my website, the pages i use to link to content that is added regularly such as a News page etc. i use a tables, and i add a new table each time i add new content so that i can have it at the top of the page. An example is he http://ryv.org.uk/news

However the amount of content i have is growing, so i want to split the content into two colums so i have double the amount in the same space. But i need the page to have the newest content at the top, then the next newest to move to the side, then to move the the next line in the table...i have a diagram below to explain what i mean.



Is there a way to do this with tables? And how else can it be done?

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?

good day!

This is probably a simple problem but here it is.

http://www.innovativemovesus.com/referral-form.html

At the bottom of the form there is a resizable comment field. When the field is expanded to the right, it moves the column to the right along with it. I'd like to prevent this. If only it would be resizable up to, and no more than, the constraints of the table cell.

I suspect it has something to do with specifying the width of the cell (which I have done).

Thanks for the help!

Help please- I'm trying to put an input box into a table with a background. However, when I do- the background keeps enlarging even though the text inside of it fits inside perfectly. Look:

HTML Code:

<TABLE background="http://www.uzumakiworld.com/uzuvideo/tabletoptab.gif"  border= 0px;  cellspacing=0  height=26px width=289px" align="center">
<td>

<script>
<!-- Hide from old browsers

/******************************************
* Find In Page Script -- Submitted/revised by Alan Koontz (alankoontz@REMOVETHISyahoo.com)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* This notice must stay intact for use
******************************************/

//  revised by Alan Koontz -- May 2003

var TRange = null;
var dupeRange = null;
var TestRange = null;
var win = null;


//  SELECTED BROWSER SNIFFER COMPONENTS DOCUMENTED AT
//  http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html

var nom = navigator.appName.toLowerCase();
var agt = navigator.userAgent.toLowerCase();
var is_major   = parseInt(navigator.appVersion);
var is_minor   = parseFloat(navigator.appVersion);
var is_ie      = (agt.indexOf("msie") != -1);
var is_ie4up   = (is_ie && (is_major >= 4));
var is_not_moz = (agt.indexOf('netscape')!=-1)
var is_nav     = (nom.indexOf('netscape')!=-1);
var is_nav4    = (is_nav && (is_major == 4));
var is_mac     = (agt.indexOf("mac")!=-1);
var is_gecko   = (agt.indexOf('gecko') != -1);
var is_opera   = (agt.indexOf("opera") != -1);


//  GECKO REVISION

var is_rev=0
if (is_gecko) {
temp = agt.split("rv:")
is_rev = parseFloat(temp[1])
}


//  USE THE FOLLOWING VARIABLE TO CONFIGURE FRAMES TO SEARCH
//  (SELF OR CHILD FRAME)

//  If you want to search another frame, change from "self" to
//  the name of the target frame:
//  e.g., var frametosearch = 'main'

//var frametosearch = 'main';
var frametosearch = self;


function search(whichform, whichframe) {

//  TEST FOR IE5 FOR MAC (NO DOCUMENTATION)

if (is_ie4up && is_mac) return;

//  TEST FOR NAV 6 (NO DOCUMENTATION)

if (is_gecko && (is_rev <1)) return;

//  TEST FOR Opera (NO DOCUMENTATION)

if (is_opera) return;

//  INITIALIZATIONS FOR FIND-IN-PAGE SEARCHES

if(whichform.findthis.value!=null && whichform.findthis.value!='') {

       str = whichform.findthis.value;
       win = whichframe;
       var frameval=false;
       if(win!=self)
{

       frameval=true;  // this will enable Nav7 to search child frame
       win = parent.frames[whichframe];

}

    
}

else return;  //  i.e., no search string was entered

var strFound;

//  NAVIGATOR 4 SPECIFIC CODE

if(is_nav4 && (is_minor < 5)) {
   
  strFound=win.find(str); // case insensitive, forward search by default

//  There are 3 arguments available:
//  searchString: type string and it's the item to be searched
//  caseSensitive: boolean -- is search case sensitive?
//  backwards: boolean --should we also search backwards?
//  strFound=win.find(str, false, false) is the explicit
//  version of the above
//  The Mac version of Nav4 has wrapAround, but
//  cannot be specified in JS

 
        }

//  NAVIGATOR 7 and Mozilla rev 1+ SPECIFIC CODE (WILL NOT WORK WITH NAVIGATOR 6)

if (is_gecko && (is_rev >= 1)) {
   
    if(frameval!=false) win.focus(); // force search in specified child frame
    strFound=win.find(str, false, false, true, false, frameval, false);

//  The following statement enables reversion of focus 
//  back to the search box after each search event 
//  allowing the user to press the ENTER key instead
//  of clicking the search button to continue search.
//  Note: tends to be buggy in Mozilla as of 1.3.1
//  (see www.mozilla.org) so is excluded from users 
//  of that browser.

    if (is_not_moz)  whichform.findthis.focus();

//  There are 7 arguments available:
//  searchString: type string and it's the item to be searched
//  caseSensitive: boolean -- is search case sensitive?
//  backwards: boolean --should we also search backwards?
//  wrapAround: boolean -- should we wrap the search?
//  wholeWord: boolean: should we search only for whole words
//  searchInFrames: boolean -- should we search in frames?
//  showDialog: boolean -- should we show the Find Dialog?


}

 if (is_ie4up) {

  // EXPLORER-SPECIFIC CODE revised 5/21/03

  if (TRange!=null) {
	  
   TestRange=win.document.body.createTextRange();
 
	  

   if (dupeRange.inRange(TestRange)) {

   TRange.collapse(false);
   strFound=TRange.findText(str);
    if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = win.document.body.scrollTop + TRange.offsetTop;
        TRange.select();
        }


   }
   
   else {

     TRange=win.document.body.createTextRange();
     TRange.collapse(false);
     strFound=TRange.findText(str);
     if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = TRange.offsetTop;
        TRange.select();
        }



   }
  }
  
   if (TRange==null || strFound==0) {
   TRange=win.document.body.createTextRange();
   dupeRange = TRange.duplicate();
   strFound=TRange.findText(str);
    if (strFound) {
        //the following line added by Mike and Susan Keenan, 7 June 2003
        win.document.body.scrollTop = TRange.offsetTop;
        TRange.select();
        }

   
   }

 }

  if (!strFound) alert ("String '"+str+"' not found!") // string not found

        
}
// -->
</script>

<!--  EXAMPLE FORM OF FIND-IN-PAGE SEARCH USING SUBMIT (ALLOWING 'ENTER/RETURN' KEY PRESS EVENT) -->
<form name="form1" onSubmit="search(document.form1, frametosearch); return false">&nbsp;<b><font size=2><font color=white><font face=tahoma>Anime:</font></font></a></b></font></font></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="findthis" value="Search for Anime" size="15" style="height:18px;font-size:9px;"  title="Press 'ALT s' after clicking submit to repeatedly search page"> <input type="submit" value="Search!" style="height:18px;font-size:9px;"  ACCESSKEY="s"></form>


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

See, I got the Search script from DYNAMIC DRIVE, and it works amazingly- I just need to make it so it fits properly into the table. Help!

Thanks for reading my post!

Helllo all,

I'm hoping someone with more HTML skills than I have can see where my problem is with trying to modify a pre-built website. I have an area at the top of my webpage where I'm trying to just add a small iframe that will contain a link to a related website. What happened when I added this in what I thought was the right place, is that it appeared in place of where other content was supposed to be. I then tried to contain the problem by creating a table, and given that each of the two existing pieces of content were in div blocks, I put each div block within a table data element (td). Unfortunately, even with specified column widths, the best of the results I've achieved results in my site search content having the button get pushed onto a new line and thus almost invisible, leaving the text input box in place. It's as if the PHP stuff in that div block is somehow pushing the browser to considerably widen the first cell unless I restrict it's width. The site you can see this on is:

http://debtfreenewsblog.com

The site is somewhat slow - takes 30 to 45 seconds to load (a separate issue, but if you happen to see why, let me know), but once it does, you can use view source and see the very first table and you'll see the resulting HTML. Dreamweaver's design view doesn't do anything to indicate why there's a problem, and kind of hides reality from me. There is a style sheet, or perhaps even more than one, for the site, and as I'm not familiar with exactly how that works together with everything else, that may well be where the problem is. Any and all help will be appreciated. My objective is to just get the search button to come back to the same line as the text input box.

Steve
(aka sgmunson)

Hello everyone,

I am in deep trouble... :-( ...

For some reason Safari does not adapt the table height to the content size.

All other browsers automatically adapt the table height to the content size, but Safari doesn't, and the result of the website I am developing, when seen on Safari, is a mess...

Can someone tell me how to make Safari adapt automatically adapt table height to content size?

Thank you very much in advance and anyway...

Cheers,

John

You know this code in html:

<img src="klematis.jpg" width="150" height="113" alt="klematis"
style="opacity:0.4;filter:alpha(opacity=40)" />

It's used to do the opacity of an image my question is how can I do this with css jus so I donot have to put it for every image.

I have a grid jpeg that should be showing up just right of the news text in this link: http://kos-mediadesign.com/news.html. I have the opacity of the image set to .4 / 40/% and it displays perfectly in all major browsers on windows and OSX 10.5, except when it is viewed on my laptop which is OSX 10.6. I'm just after noticing now that the image actually appears underneath the drop shadow effect of an overlaying window, say, if you have a finder window open on top of the browser. Very strange. Has anyone experienced this and is there a work around?

How do I do the code below in css cause it takes to long to put that for each image i know how to do the opacity but how do i do the mouseover and mouse out in css?

<img src="_/programming/HTML/Webpage/menus.jpg" width="230" height="60" alt="menus"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

the problem in question is located here HERE the links DIV BG is faded like I want but everything in the div is faded too, ie. the Images. How can I keep images and text from fading?

Thanks

How do I do the code below in css cause it takes to long to put that for each image i know how to do the opacity but how do i do the mouseover and mouse out in css?

<img src="_/programming/HTML/Webpage/menus.jpg" width="230" height="60" alt="menus"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" />