Oh and you are missing a lot of </li> tags too, perhaps Ed's
recommendation should be addressed first, you seem to have some html
code to fix first before the CSS can be addressed.
On 6/16/06, Ben Liu <[EMAIL PROTECTED]> wrote:
> Oops, sorry. Now that I look at your html, that CSS rule won't work
> because you don't actually have the child UL inside LI tags. Your code
> looks like this:
>
> <snip>
>
> <ul>
> <li>To oversee all university
> academic policies
> <li>To review changes in programs or
> courses where those changes
> affect other schools
> <li>To approve courses for the
> general education program
> <li>To approve general education
> course revisions
> <ul>
> <li>more information
> <li>more information
> </ul>
>
> <li>To assess the students'
> development of core abilities
> </ul>
>
> </snip>
>
> For my recommendation to work it would have to be like this:
>
> <ul>
> <li>To oversee all university
> academic policies
> <li>To review changes in programs or
> courses where those changes
> affect other schools
> <li>To approve courses for the
> general education program
> <li>To approve general education
> course revisions
> <li><ul>
> <li>more information
> <li>more information
> </ul></li>
>
> <li>To assess the students'
> development of core abilities
> </ul>
>
>
> On 6/16/06, Ben Liu <[EMAIL PROTECTED]> wrote:
> > Hi Debra,
> >
> > I might be wrong about this but I think the reason that extra gap
> > exists between the 4 and the A is because margin is being added twice,
> > once in the ul and once for the li that contains it. I might be wrong
> > about this because browsers collapse margins between elements
> > sometimes. A rule like this might eliminate that extra gap:
> >
> > il ul {margin: 0;}
> >
> > or for your page
> >
> > div#content li ul {margin: 0;}
> >
> > HTH,
> >
> > - Ben
> >
> >
> > On 6/16/06, Debra Kappmeyer <[EMAIL PROTECTED]> wrote:
> > > So, I took Dave's "friendly" advice to "learn CSS layout!" and am trying
> > > to
> > > do that and attempting my very first (so keep that in mind) CSS layout.
> > >
> > > I think I've got it very close to where I want it for now:
> > >
> > > http://www.viterbo.edu/proofs/CSSTest/index3.html
> > >
> > > http://www.viterbo.edu/proofs/CSSTest/css/basic3.css
> > >
> > > There's just a couple of problems
> > >
> > > First when I have the list near the bottom, I'm wondering why there's a
> > > large gap between the 4. And the A. But I don't have that problem in the
> > > unordered list above it.
> > >
> > > The other problem is in Windows IE (which I've noticed from my short time
> > > on
> > > this list is a pretty big problem). In IE my page does very strange
> > > things.
> > > My header and content move down below my navigation. And even before I did
> > > something to make that happen, my content was butted right up against my
> > > navigation background (no space like in the other browsers).
> > >
> > > Any help would be greatly appreciated.
> > >
> > > Thanks,
> > > Deb
> > >
> > >
> > > ______________________________________________________________________
> > > css-discuss [EMAIL PROTECTED]
> > > http://www.css-discuss.org/mailman/listinfo/css-d
> > > IE7b2 testing hub -- 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/
> > >
> >
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
