Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Firefox and style="display:block" on table row

Reply
Thread Tools

Firefox and style="display:block" on table row

 
 
dangerouskicker dangerouskicker is offline
Junior Member
Join Date: Sep 2007
Location: ahmedabad gujarat india
Posts: 2
 
      04-15-2008
Dear Friend, anyone is having idea about my simple html and css code is not workinging FF

CSS:

.Header-Links a{
display:inline-block;
margin-left:auto; margin-right:auto;
text-align:center;
vertical-align:middle;
border:#000000 1px solid;
width:100px;
height:34px;
background:url(../images/btn_bg.gif);
background-repeat:repeat-x;
background-position:left top;
text-decoration:none;
margin:0 3px;
line-height:30px;
color:#990033;

font-size:14px;
font-weight:bold;
}
.Header-Links a:hover{text-decoration:underline;}

HTML CODE:

<div align="center" class="Header-Links">
<a href="#" >Home</a><a href="#" class="Header-Links">About Us</a><a href="#">Benefits</a><a href="#">Services</a><a href="#">Fees</a><a href="#">Testimonials</a><a href="#">Contact</a>
</div>


Quote:
Originally Posted by Michael Winter
On Tue, 04 Jan 2005 00:21:43 GMT, rf <rf@.invalid> wrote:

[snip]

> The reason [block] "appears" to work with IE is probably because IE is
> error-correcting the display property for you.


As others have implied, IE has no concept of the table-row value. In fact,
Microsoft's documentation
(<URL:http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp>)
clearly states that all block-like elements (with a few exceptions) have
'block' as their display value, contrary to specification.

[snip]

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.
 
Reply With Quote
 
 
 
 
Mahaveer.agrawal Mahaveer.agrawal is offline
Junior Member
Join Date: Apr 2012
Posts: 1
 
      04-03-2012
Hi ,

Can anybody tell me that display ="" will work with all browser(i am using safari).
or if i will make all the row as display: block then there will no issue in any browser.
I am doing this block and none dynamically. so please guide me either i can put display: block for all the rows or i can set display =""
My code is like that.

#code 1
<div>
<table>
<tr display:none; id="abc"><td></td></tr>
<tr display:block;> <td> </td> </tr>
</table>
</div>

javascript code
function(){
document.getElementById("abc").style.display = block;
}

#code 2
<div>
<table>
<tr display:none; id="abc"><td></td></tr>
<tr> <td> </td> </tr>
</table>
</div>

javascript code
function(){
document.getElementById("abc").style.display = "";
}

Regards
Mahaveer
email: http://www.velocityreviews.com/forums/(E-Mail Removed)
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Copy a row from Table A to position 0 in Table B dave@softwareonline.com ASP .Net 1 03-24-2008 08:14 PM
row bottom border in inner table not matching up with row border in outer table phl HTML 1 06-08-2006 03:43 PM
ie6 Insert Row at specific Row Index of Table Giggle Girl Javascript 18 02-07-2006 07:54 AM
ok I can do a totals row but how about a percentage row after each data row D ASP .Net Datagrid Control 0 05-23-2005 04:10 PM
Can center row in three row table take up remaining space? Anon HTML 2 03-18-2005 08:35 AM



Advertisments