On 19/12/06, Santiago Restrepo <[EMAIL PROTECTED]> wrote:
[trimmed]
> I have a wide UL (width 200px) with LI that are smallers (150px). Now the
> problem is that i want those LI to stick with the right side of the UL.
>
> here's a little example
> http://www.utp.edu.co/Nuev/contprueba.php
> the column i'm trying to style is the left one. The light gray area
> represents the UL and you can see that the items inside of it are attached
> to the right border.
If you are trying to replicate your table technique (which doesn't
work too well between IE and Firefox/Opera, btw), try the following:
<style type="text/css">
ul#menu {
list-style: none;
background-color: #CCCCCC;
width: 200px;
margin: 0;
padding: 0;
}
ul#menu li {
background-color: #E7E7E7;
border: 1px solid #B8C4F1;
margin-left: 50px;
padding: 0;
}
</style>
<html>
<ul id="menu">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</html>
Obviously, you will need to style other items like the anchors. I'd
also recommend including a DOCTYPE in your HTML, so that you get
reliable treatment across various internet browsers.
HTH
--
Cheers,
Sasha
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
