I'm trying to get links to wrap within a predefined frame size and am running out of ideas. I have text that wraps to the defined size of the frame but the hyperlinks will not.

an example can be found here:
http://129.98.211.24:8080/xtf/view?docId=e...t;brand=default

Where the title Rescue Children...wraps but the links below [Note from Founder Herbert...] do not.


here is the TOC.css -
any ideas would be appreciated!


/* dynaXML TOC stylesheet */


body {
font: 80% Arial, Helvetica, sans-serif;
font-size: small;
background-color: #dededf;
color: #003399;

}

a:link {
color: #AA750B;
text-decoration: none;
}

a:visited {
color: #737373;
text-decoration: none;
}

a:hover,a:active {
color: #000000;
text-decoration: none;
}

div.toc {
margin: auto;
/*margin: 10px 0 0 5px;*/
}

table.title {
font: 80% Arial, Helvetica, sans-serif;
font-weight:400;
}

table.toc-line {
width: 1000px;
}

table.toc-line td {
padding: 4px;
}

.toc table td {
padding: 3px;
}

.toc table .l1 {
}

td.hits {
text-align: right;
vertical-align: top;
}

td.expand {
width: 15px;
text-align: center;
vertical-align: top;
}

td.expand img {
margin-top: 3px;
}

td.divnum {
text-align: right;
vertical-align: top;
font-weight: bold;
width: 30px;
}

td.head {
vertical-align: top;
white-space: nowrap;
}

.hit-count {
color: brown;
}

.toc-hi {
font: 80% Arial, Helvetica, sans-serif;
background-color: #F0F8FF;
font-weight: bold;
/*white-space: nowrap;*/
}

div.hitSummary {

}

div.expandAll {
}

div.l1 {
font: 80% Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 0;
}

div.l2 {
font: 80% Arial, Helvetica, sans-serif;
font-size: 95%;
margin-top: 0;
margin-bottom: 0;
}

div.l3, div.l4, div.l5, div.l6, div.l7 {
font: 80% Arial, Helvetica, sans-serif;
font-size: 90%;
margin-top: 0;
margin-bottom: 0;
}

Looking at the layout tables that don't wrap, I see several instances of

Remove all the table code while you are at it. What purpose does a table around every link have? I can't see you use it for anything.

Thank you!