R
Rob Martin
Hi crew
(Obviously) new at divs... I'm testing a div area out that will eventually
be a DHML mouseover popup (just an option if supported, the page will still
work when clicking on the mouseover link). The div takes up the entire width
of the screen; I realise you can add 'width' etc - but this is specific.
Anyone know how to make the width of the div as long as the widest contents?
(I suppose that doesnt make sense with wrapping on a small screen, but you
can see what I'm getting at). Is the best way to allow what I think would be
the max width in characters?
Cheers
Rob
<head>
<style type="text/css">
..pu {
background: #DDF2F7;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-width: 3px;
border-color: #0058B0;
}
..pu a {
font-size: 0.8em;
text-decoration: none;
background: transparent;
}
..pu a:hover {
text-decoration: underline;
font-weight: bold;
}
..pu ul {
list-style-type: none;
margin-left: 0px;
margin-top: 0px;
}
</style>
</head>
<body>
<div class="pu">
<ul>
<li><a href="*">Order Made 23/5/2003</a></li>
<li><a href="*">Notice of Hearing</a></li>
<li><a href="*">Application</a></li>
</ul>
</div>
</body>
(Obviously) new at divs... I'm testing a div area out that will eventually
be a DHML mouseover popup (just an option if supported, the page will still
work when clicking on the mouseover link). The div takes up the entire width
of the screen; I realise you can add 'width' etc - but this is specific.
Anyone know how to make the width of the div as long as the widest contents?
(I suppose that doesnt make sense with wrapping on a small screen, but you
can see what I'm getting at). Is the best way to allow what I think would be
the max width in characters?
Cheers
Rob
<head>
<style type="text/css">
..pu {
background: #DDF2F7;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
border-style: solid;
border-width: 3px;
border-color: #0058B0;
}
..pu a {
font-size: 0.8em;
text-decoration: none;
background: transparent;
}
..pu a:hover {
text-decoration: underline;
font-weight: bold;
}
..pu ul {
list-style-type: none;
margin-left: 0px;
margin-top: 0px;
}
</style>
</head>
<body>
<div class="pu">
<ul>
<li><a href="*">Order Made 23/5/2003</a></li>
<li><a href="*">Notice of Hearing</a></li>
<li><a href="*">Application</a></li>
</ul>
</div>
</body>