DWT > external shylesheet links

[AV]

Hi,

I am calling a div class from an external stylesheet. I have 2 nearly
identical ul / li in the DWT below. They are both in the same table cell and
both call <div class="navpro"> However, only the second one (errata) is
actually getting the stylesheet information. The first one (datasheet
archives) is not showing the correct <p> and <li> styles from the stylesheet.


In the code below, I open and close the <div> around each list, but if I
just open it before the first list and close it after the second one, the
second list (errata) loses it's proper stylesheet information. Wierd. I
can't imagine why this is happening. Thoughts?

<!-- Datasheet Archives -->
<div class="navpro">
<td valign="top" height="156">
<h4>Datasheet Archives</h4>
<ul>
<li><p><!-- #BeginEditable "Datasheet%20Archive%20Links" -->Datasheet
Archive Link<!-- #EndEditable --></p></li>
</ul>
</div>
<br>

<!-- Errata -->
<div class="navpro">
<h4>Errata</h4>
<ul>
<li><p><!-- #BeginEditable "Errata%20Links" -->Errata ID# Link<!--
#EndEditable --></p></li>
</ul>
</td>
</div>
</tr>

 

[Murray]

Can you post a link to the page?

 

[Ronx]

In the sequence
<div class="navpro">
<td valign="top" height="156">
<h4>Datasheet Archives</h4>

the line
<td valign="top" height="156">
should be deleted - you cannot have a table cell unless it is in a
table.

Similarly, in the second <div>, you are closing a table cell that has
not been opened:
<div class="navpro">
<h4>Errata</h4>
<ul>
<li><p><!-- #BeginEditable "Errata%20Links" -->Errata ID# Link<!--
#EndEditable --></p></li>
</ul>
</td> ---- remove this
</div>

If the cell should be there, then the first opening <div> and the
second </div> tags are in the wrong place, breaking the <td><div>
nesting.

 

[Stefan B Rusynko]

Your problem would appear to be the problems w/ CSS cascading into tables (if your code were valid)

But your code is malformed / illegal HTML
You can't wrap a cell in div tags (only in tr tags) and you also can split a cell into 2 div tags
You are opening a cell tag in 1 div tag and closing it in a second one

In simplified form you have

<div class="navpro">
<td valign="top" height="156">
<h4>Datasheet Archives</h4>
<ul><li><p>Datasheet Archive Link</p></li></ul>
</div><br>
<div class="navpro">
<h4>Errata</h4>
<ul><li><p>Errata ID# Link</p></li></ul>
</td>
</div>
</tr>

The legal version of this would be
<td valign="top" height="156">
<div class="navpro">
<h4>Datasheet Archives</h4>
<ul><li><p>Datasheet Archive Link</p></li></ul>
</div><br>
<div class="navpro">
<h4>Errata</h4>
<ul><li><p>Errata ID# Link</p></li></ul>
</div>
</td>
</tr>



| Hi,
|
| I am calling a div class from an external stylesheet. I have 2 nearly
| identical ul / li in the DWT below. They are both in the same table cell and
| both call <div class="navpro"> However, only the second one (errata) is
| actually getting the stylesheet information. The first one (datasheet
| archives) is not showing the correct <p> and <li> styles from the stylesheet.
|
|
| In the code below, I open and close the <div> around each list, but if I
| just open it before the first list and close it after the second one, the
| second list (errata) loses it's proper stylesheet information. Wierd. I
| can't imagine why this is happening. Thoughts?
|
| <!-- Datasheet Archives -->
| <div class="navpro">
| <td valign="top" height="156">
| <h4>Datasheet Archives</h4>
| <ul>
| <li><p><!-- #BeginEditable "Datasheet%20Archive%20Links" -->Datasheet
| Archive Link<!-- #EndEditable --></p></li>
| </ul>
| </div>
| <br>
|
| <!-- Errata -->
| <div class="navpro">
| <h4>Errata</h4>
| <ul>
| <li><p><!-- #BeginEditable "Errata%20Links" -->Errata ID# Link<!--
| #EndEditable --></p></li>
| </ul>
| </td>
| </div>
| </tr>