Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

enforcing display:block-defined background color to fill table cells

Status
Not open for further replies.

retrositelover

Programmer
Oct 20, 2004
35
0
0
thread215-1581142

Hello,

some time ago I already asked this; it's been well-visited, and I want to update the meanwhile closed thread.

The problem was, that if a table gets resized (smallscreens e.g.) which has 'onmouseover' color change (by CSS, no JavaScript), lines are being highlighted, but not the full td-height, in most browsers.

Code:
<STYLE TYPE="text/css">
<!--
a, a:link, a:visited, a:active, a:focus {
border: 2px dashed white;
display: block;
}
a:hover {
background-color: white;
display: block;
}
-->
</STYLE>

<BODY BGCOLOR="gainsboro">
<TABLE BGCOLOR="lightblue" BORDER="1" STYLE="height: 200px;">
<TR>
<TD WIDTH="60%">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<TD WIDTH="40%" ALIGN="center" VALIGN="middle"><A HREF="[URL unfurl="true"]http://tek-tips.com/viewthread.cfm?qid=1581142">centered[/URL] full width link - but not 100% height</A></TABLE>

Thank you for dropping by =)
Jörg
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top