0

I'm using a table with two rows with backround colors for the design element, tho the table "above" the colored design rows is fixed beneath the colored rows in the opera browser. I don't want to merge the tables because it would put some the regular <td> elements against the left border. I guess I could format empty cells to avoid that..

Also, in opera, i don't understand why some tables appear at the top of the page when they're written after other tables so that they should be at the bottom, as they are in firefox, ie, and safari. How can I correct this problem so my pages look right in opera? thanks :-)

3
Contributors
6
Replies
7
Views
10 Years
Discussion Span
Last Post by FC Jamison
0

Please provide a link so we can see what you're describing. It's hard to visualize.

Are you using CSS and a proper DOCTYPE? Have you set the padding and margin properties for all elements appropriately?

0

thanks so much for offering to help, but the file is only on my localhost. it won't be published for another week. but anyhow, i checked my hosting reports and did not see any opera users, so i think i will just settle. thanks again for helping. i was up all night working on it, was able to fix a few things in opera, but i'm letting it go for now.

0

Oh, good deal. It's also convenient to analyze because I made a temporary solution for the page to load adequately, though not optimally, in Opera, and that segment is commented, where the table of names and the twin colored rows are one table.

There is also another element, the "archive | notes" element which loads scrolled off to the right, instead of right under the colored bars.

Load it in firefox, it should look fine. Thanks so much for helping. Cheers. :-)

It has php, but no functions on this page. rename it to html and it should load fine. Thanks again.

Attachments
<!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" lang="en"><head>




  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="description" content="listenlight 02">
  <meta name="keywords" content="poems, poetry, magazine"><title>listenlight 02</title>

    

   
<style type="text/css">
  
  body {font-family: arial, verdana; background-color: #fff; color: #000000}

  h {font-family: 'lucida sans', arial, verdana}
  h2 {font-family: 'lucida sans', arial, sans; font-size: 120%; }
  
  p {font-size:16px; font-family:'lucida sans', sans}

  a:link    {color: #000; text-decoration: none; outline: none;}
  a:visited {color: #000; text-decoration: none; outline: none;}
  a:active  {text-decoration: none; outline: none;}
  a:hover   {text-decoration: none; outline: none;}

  img { border:none }
  
  table {border:none;}
  td.light {background-color: #945 }
  td.dark  {background-color: #723 }
  
</style></head><body>
<div>

		<br style="line-height: 373px;">

  <table align="right" border="0" cellpadding="0" width="95%">			

  	<tbody><tr>
		<td style="text-align: left;"><a href="http://linux/02/yu"><big>Tim Yu</big></a></td>
		<td style="text-align: left;"><a href="http://linux/02/bramhall"><big>Allen Bramhall</big></a></td>
  		<td style="text-align: left;"><a href="http://linux/02/moore"><big>Katrinka Moore</big></a></td>

  			</tr>
  	<tr>
  		<td>&nbsp;</td>
  			</tr>
	<tr>
		<td style="text-align: left;"><a href="http://linux/02/bach"><big>Glenn Bach</big></a></td>
  		<td style="text-align: left;"><a href="http://linux/02/switaj"><big>Elizabeth Switaj</big></a></td>		
		<td style="text-align: left;"><a href="http://linux/02/shippy"><big>Peter Jay Shippy</big></a></td>
			</tr>
	<tr>
		<td>&nbsp;</td>
			</tr>

  </tbody></table>
    
    <table align="left" border="0" width="80%">
  
	  <tbody><tr>
	  	  <td class="light">&nbsp;</td></tr>
	  <tr>
	      <td class="dark">&nbsp;</td></tr>
	  
	 </tbody></table> 
		

<!--
  <table width="80%" align="left" border="0" cellpadding="0">			

  	<tr>
  		<td>&nbsp;</td>
		<td style="text-align:left;"><a href="/02/yu"><big>Tim Yu</big></a></td>
		<td style="text-align:left;"><a href="/02/bramhall"><big>Allen Bramhall</big></a></td>
  		<td style="text-align:left;"><a href="/02/moore"><big>Katrinka Moore</big></a></td>

  			</tr>
  	<tr>
  		<td colspan="4">&nbsp;</td>
  			</tr>
	<tr>
		<td>&nbsp;</td>
		<td style="text-align:left;"><a href="/02/bach"><big>Glenn Bach</big></a></td>
  		<td style="text-align:left;"><a href="/02/switaj"><big>Elizabeth Switaj</big></a></td>		
		<td style="text-align:left;"><a href="/02/shippy"><big>Peter Jay Shippy</big></a></td>
			</tr>
	<tr>
		<td colspan="4">&nbsp;</td>
			</tr>

	<tr>
	  	<td class="light" colspan="4">&nbsp;</td>
	  		</tr>
	<tr>
	    <td class="dark" colspan="4">&nbsp;</td>
	    	</tr>
	  
	 </table> 
--> 
	    
	<table align="left" border="0" width="75%">
		<tbody><tr>
			<td><p style="text-align: right; font-family: sans; font-size: 85%;"><br style="line-height: 50px;"><a href="http://linux/02/archive">archive</a> | <a href="http://linux/02/notes">notes</a></p></td></tr>
	</tbody></table>
	
</div>

</body></html>
0

It will take me awhile to get to it.

I had a double router meltdown and I was forced to wipe my hard drive.

It takes forever to reload everything.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.