classes and div not working correctly together?

Forum Moderators: not2easy

Message Too Old, No Replies

classes and div not working correctly together?

using a premade list from accessify.com inside a css class

remthewanderer

6:15 am on Mar 11, 2004 (gmt 0)

ok, first post here so bear with me. I am attempting to use some code from the list maker at accessify.com. I have a test page i made with this list on it twice, once normal, strait from accessify and the other one i took the same code and put into a "content" class area i got from bluerobot.com. The problem is that the links do not show up when they are in the content class.

[rightontimedesign.com...]

that is the link: the top yellow area is the content class i made and the bottom set of links is the code strait off the other site

[rightontimedesign.com...]

that is the full CSS i am using.

so my question is: why would the links still be clickable objects but not appear within the content area and when they are not within the content area they appear fine? what am i missing in the content class CSS that is bucking the whole thing?

much love,
jeREMy

rogerdp

2:50 pm on Mar 11, 2004 (gmt 0)

Your problems are from your weird use of borders and floating. It has nothing to do with the 'class' attribute. Try this on for size.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
}

#navlist ul,
#navlist li
{
margin: 0;
padding: 0;
list-style-type: none;
}
#navlist li
{
display: inline;
}

#navlist a
{
border-bottom: 1px solid #000;
margin: 0;
padding: 0 2ex;
font-weight: bold;
text-decoration: none;
color: #999;
}

#navlist a#current,
#navlist a:hover
{
border-bottom: 4px solid #000;
}

#navlist a:hover
{
color: #000;
}

.content
{
background-color: yellow;
padding: .1em;
}
</style>
<body>

<ul id="navlist" class="content">

<li><a href="http://www.rightontimedesign.com">home</a></li><li><a href="http://www.remthewanderer.com">my personal page</a></li><li><a href="http://www.coffeenthings.com">coffee n' things</a></li><li><a href="http://elise.rowan.edu/seminar/fall03/behr0019">my coldfusion work at Rowan</a></li>
</ul>

</body>
</html>

remthewanderer

10:00 pm on Mar 11, 2004 (gmt 0)

well someone should let the people at accessify.com know about their code breaking in this situation. i took everything strait from their site. thanks so much for the help it works great.

much love,
jeREMy

Purple Martin

1:19 am on Mar 12, 2004 (gmt 0)

well someone should let the people at accessify.com know about their code breaking in this situation.

So I take it you let them know.

;-)