Listitem styles not the same

Hi,

I have a Blogger blog at http://veerlesblog.blogspot.com/ for which I
used the "Beautifull day" template. When you look at the right, you
see 2 lists: one under "Labels" and one under "Blog archief". The
listitems of the first list have borders at top and bottom, the
listitems of the second list don't. I want the listitems of the second
list to have these borders as well, and when I take a look at the css,
I don't understand why they don't have the borders. The css that sets
the borders applies to both lists I would think:

..sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
..sidenav li {border-bottom: 1px solid #EAEADA;}

Any idea which part of the css makes that the second list doesn't have
the top and bottom borders?

Veerle

"Veerle" <veerleverbr (AT) hotmail (DOT) com> wrote

Hi,

I have a Blogger blog at http://veerlesblog.blogspot.com/ for which I
used the "Beautifull day" template. When you look at the right, you
see 2 lists: one under "Labels" and one under "Blog archief". The
listitems of the first list have borders at top and bottom, the
listitems of the second list don't. I want the listitems of the second
list to have these borders as well, and when I take a look at the css,
I don't understand why they don't have the borders. The css that sets
the borders applies to both lists I would think:

.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}

Any idea which part of the css makes that the second list doesn't have
the top and bottom borders?

Install firebug. Fire it up, press the inspect button, hover over the
offending li. Find the following:

..BlogArchive #ArchiveList ul li {
....
border-width: 0pt;
....
}

--
Richard.

In article
<1194254802.510990.218160 (AT) 22g2000hsm (DOT) googlegroups.com>,
Veerle <veerleverbr (AT) hotmail (DOT) com> wrote:

Hi,

I have a Blogger blog at http://veerlesblog.blogspot.com/ for which I
used the "Beautifull day" template. When you look at the right, you
see 2 lists: one under "Labels" and one under "Blog archief". The
listitems of the first list have borders at top and bottom, the
listitems of the second list don't. I want the listitems of the second
list to have these borders as well, and when I take a look at the css,
I don't understand why they don't have the borders. The css that sets
the borders applies to both lists I would think:

.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}

Any idea which part of the css makes that the second list doesn't have
the top and bottom borders?

Veerle

If you add

li.archivedate (border:1px solid #ccc;}

to one of your css sheets, it should get you a border underlining
as at the top list.

There are too many css sheets and it may simply have gotten
overlooked.

(Looks overcomplicated to me so many sheets... someone has
classed *each* list item instead of classing the ul and then
simply

ul.class li {...}


Saves a lot of typing and clutter... but anyway...

--
dorayme

On 5 nov, 10:37, "rf" <r... (AT) invalid (DOT) com> wrote:

"Veerle" <veerleve... (AT) hotmail (DOT) com> wrote in message

news:1194254802.510990.218160 (AT) 22g2000hsm (DOT) googlegroups.com...



Hi,

I have a Blogger blog athttp://veerlesblog.blogspot.com/for which I
used the "Beautifull day" template. When you look at the right, you
see 2 lists: one under "Labels" and one under "Blog archief". The
listitems of the first list have borders at top and bottom, the
listitems of the second list don't. I want the listitems of the second
list to have these borders as well, and when I take a look at the css,
I don't understand why they don't have the borders. The css that sets
the borders applies to both lists I would think:

.sidenav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;}

Any idea which part of the css makes that the second list doesn't have
the top and bottom borders?

Install firebug. Fire it up, press the inspect button, hover over the
offending li. Find the following:

.BlogArchive #ArchiveList ul li {
...
border-width: 0pt;
...

}

--
Richard.

It appears that Blogger adds a stylesheet
<link rel='stylesheet' type='text/css' href='http://www.blogger.com/
widgets/3319451950-blogarchive.css'/>
that is not in the template. This contains the css that removes the
borders. So I'll have to find out how I can prevent blogger from doing
this, or how I can override the style.

In article
<doraymeRidThis-E5F537.20535205112007 (AT) news-vip (DOT) optusnet.com.au>,
dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

If you add

li.archivedate (border:1px solid #ccc;}

{border:1px solid #ccc;}

--
dorayme