navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

List Error?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> List Error?
Page: [1]
 
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
List Error? - 2/15/2004 19:38:44   
I've made a list for navigation on this site:

http://www.lightexpressionscandles.com

Looks great and works fine in IE. Css and HTML is valid. However, in Mozilla, two "lines" are missing between list items. Any idea why? I've looked at the html so many times I'm blind. Here is the HTML for that div...something simple I'm missing?

<div id="navcontainer">
<ul id="navlist">
<li><a href="index.htm" title="Light Expressions Candles Home Page">Home</a></li>
<li><a title="Pillar and Votive Candles" href="lightexpill.htm">Pillars & Votives</a></li>
<li><a title="Container Candles" href="container.htm">Container Candles</a></li>
<li><a title="Holiday Candles" href="holiday.htm">Holiday Candles</a></li>
<li><a title="Centerpieces" href="centerpieces.htm">Centerpieces</a></li>
<li class="nolink">Special Sales</li>
<li><a title="Sign up for our Newsletter" href="newsletter.htm">Newsletter Sign-Up</a></li>
<li><a title="Candle Burning Info" href="tips.htm">Candle Burning Info</a></li>
<li class="nolinkb">About Us</li>
<li><a title="Privacy Policy" href="lightprivacy.htm">Privacy Policy</a></li>
<li class="nolink">Inspirational</li>

<li><a title="Contact Light Expressions Candles" href="contactlight.htm">Contact Us</a></li>
</ul>
</div>

Here is the CSS

#navcontainer
{
border-left: .05em solid #bdbd9c;
border-right: .05em solid #808080;
padding: .1em 0 .1em 0;
margin-bottom: .5em;
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
background-color: #846b94;
color: #846b94;
Position: absolute;
Left: 2em;
Top: 32%;
Width: 22%;
z-index: 2;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #846b94;
margin: 0;
}

#navcontainer li.nolink
{
display: block;
padding: .5em .5em .5em .75em;
border-left: .05em solid #BDBd9c;
border-right: .05em solid #76766e;
background-color: #fef7e0;
color: #bdbd9c;
font-weight: bold;
}

#navcontainer li.nolinkb
{
display: block;
padding: .5em .5em .5em .75em;
border-left: .05em solid #846b94;
border-right: .05em solid #76766e;
background-color: #846b94;
color: #fcfb8f;
font-weight: bold;
text-decoration: none;
}



#navcontainer li a
{
display: block;
padding: .5em .5em .5em .75em;
border-left: .05em solid #BDBD9c;
border-right: .05em solid #76766e;
background-color: #fdf3d1;
color: #846b94;
text-decoration: none;
width: 100%;
}



html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: .05em solid #ebebc3;
border-right: .05em solid #BDBd9c;
background-color: #ffffc0;
color: #846b94;
}

< Message edited by Peppergal -- 2/15/2004 20:22:27 >


_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
Giomanach

 

Posts: 6091
Joined: 11/19/2003
From: England
Status: offline

 
RE: List Error? - 2/16/2004 3:51:24   
Don't worry Karen, you aren't the only one that can't see anything wrong. Might be a stupid question, but what version/browser of the Mozilla variety are you using, because that lot works fine in Firefox

Dan

_____________________________




(in reply to Peppergal)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: List Error? - 2/16/2004 7:19:14   
Hi Peppergal,
in IE6, I see the nav list over your copyrite. It is laying right on top of it.

Have you used a <br clear="all"> after your div?

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Peppergal)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: List Error? - 2/16/2004 7:59:34   
Looks fine in Mozilla 1.6 looks fine in opera 7.23

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to c1sissy)
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
RE: List Error? - 2/16/2004 13:47:22   
I thought I was using Moz 1.6, but that's on the other computer. .

So...it's okay in 1.6? Then I won't worry about it and download the new one. LOL....I didn't realize I was behind on this puter.

I'm annoyed...I tried to upload a screenshot that is under 6kb and it keeps telling me the file is too large!!!

C1sissy--no I didn't put a <br clear="all" at the end of the div.....

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to gorilla)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: List Error? - 2/16/2004 14:59:09   
quote:

ORIGINAL: Peppergal

I thought I was using Moz 1.6, but that's on the other computer. .

So...it's okay in 1.6? Then I won't worry about it and download the new one. LOL....I didn't realize I was behind on this puter.

I'm annoyed...I tried to upload a screenshot that is under 6kb and it keeps telling me the file is too large!!!

C1sissy--no I didn't put a <br clear="all" at the end of the div.....


Try it for the nav that is over your copyrite and see if it works. It should. Other then that one thing, I think it is a beautiful site, but then, as a former candle maker myself, I am partial:):)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Peppergal)
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
RE: List Error? - 2/16/2004 15:44:30   
I put that in but then it wouldn't validate. ???

Thanks for the compliment; I really like the site myself, and so does she. We looked at a lot of handcrafted candle sites online and very few of them looked nice-- I wanted to build something that didn't smack of "do it yourself" LOL.

It's been a LOT of work...I don't even want to GUESS how many hours.

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: List Error? - 2/16/2004 18:13:04   
quote:

I put that in but then it wouldn't validate. ???


Really????!! I have had it validate every time that I used it. Are you sure that your dtd is correct?

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Peppergal)
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
RE: List Error? - 2/16/2004 18:23:19   
Yeah, I was using the full XHTML 1.0 strict with the link and everything. That was the only error that came up.

Weird, huh? Maybe I made the tag incorrectly. When I get our Pillar page made, I'll go back and try it again. I could have been sloppy.

I've been doing lots of dopey things lately. LOL

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: List Error? - 2/16/2004 18:29:20   
quote:

ORIGINAL: Peppergal

Yeah, I was using the full XHTML 1.0 strict with the link and everything. That was the only error that came up.

Weird, huh? Maybe I made the tag incorrectly. When I get our Pillar page made, I'll go back and try it again. I could have been sloppy.

I've been doing lots of dopey things lately. LOL


Thats it, I use the transitional, there must be something else that you can use that would break it away. This must not be in the strict dtd.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Peppergal)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: List Error? - 2/16/2004 23:35:53   
Eh? deb/karen what are you two talking about? I looked at the code for each and its perfectly valid xhtml and css. To double check I validated @ w3c and I've just got the "congrats its valid xhtml strict message."

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.lightexpressionscandles.com%2Findex.htm#result

ditto for css2

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.lightexpressionscandles.com%2Flightexp.css&warning=1&profile=css2&usermedium=all


Fluidity can mean overlap when windows are resized or are very small especially in IE if thats what your talking about and I had to do some drastic resizing to get the effect there's nothing that can be done about it. Its the price you pay for fluidity and the fact that IE's rendering and window management is somewhat ........ (Gorilla takes a deep breath and counts to 10) quaint. Yup thats a nice polite way of putting it. Its quaint. It has to do with the non compliant way in which it renders boxes and their handling of windows or to be more accurate viewports. That's why it's so important to check in Moz and Opera. They do meet w3c standards so there's every possibility that if its valid and looks good in them then it'll at least be tolerable in IE.

Don't forget @import!


Of course you can go for rigid design specifying everything position abolute and sizing it in px but for my money liquid is always better.

Open this in opera and do some really drastic window resizing on the fly to see what I mean. (opera btw doesn't have the redraw problems that ie6 has as it renders on the fly. You've a small problem in Opera 7.23 in with specal sale and inspirational on the home page doesn't seem tyo happen anywhere else.

Lovely site btw karen you're reaching that nice satisfying point where your talent is joining up very happily with your continuing acquisition of css skills. Very satisfying to see. Well done. Augurs well for carving out a very warm and cosy niche for yourself as word spreads.

Keep at it.


Thumbnail Image
:)

Attachment (1)

< Message edited by gorilla -- 2/17/2004 0:25:38 >


_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to c1sissy)
Peppergal

 

Posts: 2204
Joined: 9/20/2002
Status: offline

 
RE: List Error? - 2/17/2004 9:19:46   
quote:

Eh? deb/karen what are you two talking about? I looked at the code for each and its perfectly valid xhtml and css.



I thought perhaps I made a mistake.....I've been very befuddled lately and losing things and making silly errors. I've worked so many hours on this site that I'm dreaming about color code numbers (I actually hear BFDD9C in my mind, LOL) and CSS jargon (I've also been thinking "position: absolute" and other combinations that I think I'm losing my mind! LOL

quote:

Lovely site btw karen you're reaching that nice satisfying point where your talent is joining up very happily with your continuing acquisition of css skills. Very satisfying to see. Well done. Augurs well for carving out a very warm and cosy niche for yourself as word spreads.

Keep at it.


Wow--that was really nice of you to say, and it means a lot. Thank you.

< Message edited by Peppergal -- 2/17/2004 10:35:13 >


_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to gorilla)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: List Error? - 2/17/2004 9:34:41   
quote:

Eh? deb/karen what are you two talking about? I looked at the code for each and its perfectly valid xhtml and css.


Since I have not yet really designed a page, heavy sigh, and am only learning the css/xhtml. I only use the transitional when playing around. So I'm not sure it strict xhtml uses the <br clear="all"> or not.:) (I'm still stuck somewhere with Using contextuals with an id, and can't seem to get it into my head!:):))

I still get the menu though as being over the w3c picture now, and unfortunatly my screen print is still too large to post. :)

Karen, THe great furry one is right, you are doing a great job with all of this. Proud of you! :)


Thumbnail Image
:)

AH HA! got it! Not the worlds best but here it is! This is what I am seeing when I open your page.

Attachment (1)

< Message edited by c1sissy -- 2/17/2004 9:39:39 >


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to gorilla)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> List Error?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts