Site critique

Neal <neal413 (AT) spamrcn (DOT) com> wrote:

what issue do you see with the pic in Moz?

http://www.spartanicus.utvinternet.i...ass_attack.png

That's the navigation

That's what I wrote:

The menu suffers from a few cosmetic issues in Mozilla.

someone else pointed that out. What the hell is that?

I'll leave that for you to figure out

--
Spartanicus

On Sun, 11 Apr 2004 01:59:32 +0100, Spartanicus <me (AT) privacy (DOT) net> wrote:

Neal <neal413 (AT) spamrcn (DOT) com> wrote:

what issue do you see with the pic in Moz?

http://www.spartanicus.utvinternet.i...ass_attack.png

That's the navigation

That's what I wrote:
The menu suffers from a few cosmetic issues in Mozilla.

someone else pointed that out. What the hell is that?

I'll leave that for you to figure out

You're mean.

One more hint - all Mozillas or just the beta Firefox?

"Neal" <neal413 (AT) spamrcn (DOT) com> wrote > <span><a href="about.html" title="Our
beginnings, and venues of ages

past">About&nbsp;The&nbsp;Attack</a></span

and a single space separating. It seems that the line break is being made
by Firefox within the span! In other words, the span's left border is
orphaned on the top line, while the remainder of the element starting with
the first character is on the second. Unbelievable!

I'll try to find a workaround ^%#%@^$&@

Neal,If you haven't already found a fix, I think I found a solution to your
problem.

Add this to your '#n span' block:

#n span {
border: 1px red outset;
background: yellow;
padding: .4em;
line-height: 2.5em;

white-space: nowrap;
}

This will suppress that line break that keeps showing up at various window
sizes in mozilla.

Regards,
Jim

On Sat, 10 Apr 2004 22:41:09 -0400, Jim Roberts <jrzycrim (AT) msn (DOT) com> wrote:

Neal,If you haven't already found a fix, I think I found a solution to
your
problem.

Add this to your '#n span' block:

#n span {
border: 1px red outset;
background: yellow;
padding: .4em;
line-height: 2.5em;

white-space: nowrap;
}

This will suppress that line break that keeps showing up at various
window
sizes in mozilla.

I haven't, and I appreciate the tip. If only I understood what the frick
it does...

D/led Mozila again (the last time, it failed to work) but I d/l'ed the
beta, which I didn't want, so 45 minutes from having the latest
general-distribution Mozilla again. We'll see if it works.

I have updated this to the CSS, so if someone wants to tip me off that it
fixed it, that's cool...

"Neal" <neal413 (AT) spamrcn (DOT) com> wrote

On Sat, 10 Apr 2004 22:41:09 -0400, Jim Roberts <jrzycrim (AT) msn (DOT) com> wrote:

D/led Mozila again (the last time, it failed to work) but I d/l'ed the
beta, which I didn't want, so 45 minutes from having the latest
general-distribution Mozilla again. We'll see if it works.

I have updated this to the CSS, so if someone wants to tip me off that it
fixed it, that's cool...

I can't claim to fully understand it. I've read about the white-space
property but have never used it. When you mentioned that firefox seemed to
be adding a line break inside the span, I thought I'd give it a try and see
if that would fix the problem. I tested it in my html editor which has a
gecko preview and it worked. It seems to work in firefox as well.

Here's the w3c reference:
http://www.w3.org/TR/REC-CSS2/text.h...ite-space-prop

Regards,
Jim

On Sat, 10 Apr 2004 23:08:26 -0400, Jim Roberts <jrzycrim (AT) msn (DOT) com> wrote:

Here's the w3c reference:
http://www.w3.org/TR/REC-CSS2/text.h...ite-space-prop

Reading that spec, white-space: nowrap; would prevent any line break.
What's the Mozilla rendering now?

25 minotes to go on this download...

"Neal" wrote:

Reading that spec, white-space: nowrap; would prevent any line break.
What's the Mozilla rendering now?

25 minotes to go on this download...

It's seems to be rendering just fine. If you put the nowrap in your #n Div,
then it wouldn't allow any line breaks at all between your nav links. Since
it's in the
#nav span block, it's controlling the white space in each individual span so
there is no problem. I guess we'll have to see how other browsers render it.
I'm pretty optimistic though.


Once you get Mozilla up and running, you might be interested in the Web
Development extension:

http://www.chrispederick.com/work/firefox/webdeveloper/

It's only 54Kb and includes several tools such as validation, forms tools,
information viewing (CSS, HTML, speed reports), Image functions, and many
more, can be accessed from a tool bar or context menu.

I was able to edit your style sheet on the fly and see the results
instantly.

Here's a couple of screenshots:

Original: http://members.aol.com/jrzycrim01/original.jpg
Edited: http://members.aol.com/jrzycrim01/edited.jpg

Regards,
Jim Roberts

Neal <neal413 (AT) spamrcn (DOT) com> wrote:

One more hint - all Mozillas or just the beta Firefox?

I used Mozilla 1.5

--
Spartanicus

Neal wrote:

On Sun, 11 Apr 2004 00:37:35 +0200, Edwin van der Vaart
picayunish2000 (AT) yahoo (DOT) co.uk> wrote:

In the menu button "About The Attack I see a vertical black line.
See http://www.evandervaart.nl/news/firefox.png


Very odd! And the Media button looks odd as well. Anyone have a clue why?

You have fixed it ;-)

This is how it looks with Mozilla and Galeon under Linux-Mandrake 9.2
http://www.evandervaart.nl/news/mozilla.png and
http://www.evandervaart.nl/news/galeon.png


Amazing. You have a big screen! I cleared that bottom box.

Well, I have a 1280x1024 screen.
I have set the browsers full screen, because I don't have any idea how
to set a 800x600 browser window. :-D

I can't figure out why you need block element around the 'header',
'n', 'content' and
'footer'. If you specify in the '#footer' clear: both; to prevent
floating of the footer to
left/right side of the page. Then you can remove the 'all' block
element. Place the
padding-bottom in the '#footer'

You can remove the html from the style sheet 'html, body {}'.
Also you can combine the background elements with each other, like:
background: url(horns.gif) #000 fixed;


All true. This design evolved, so to speak. I know there's a bit of
clutter. Once the bugs are shaken loose, I'll pare it down; so long as
these bits aren't causing problems I'll fry them later.

It doesn't cause any problems, but it looks cleaner when viewing the
style sheet codes.

[snip]

Acthally what I have is:

.attack, .action {
float: left;
width: 207px;
}
.action {
float: right;
}

I'm setting the width for both, and the float correctly for one, then
resetting it for the other.

Why not putting like this:
.attack, .action {width: 207px;}
.attack {float: left;}
.action {float: right;}

This way both images have the same width and the images are floating
correctly. Also you haven't need to reset the float for the .action image.

You didn't have specified any background in the link/hover part. If
you wouldn't set any
background color then use transparent for the background color.


Good idea. How's the index page in Mozilla etc. now?

In Firefox on windows 2000 looks okay.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction

Quoth the raven named Edwin van der Vaart:

Well, I have a 1280x1024 screen. I have set the browsers full
screen, because I don't have any idea how to set a 800x600 browser
window. :-D

http://www.edgehill.net/scale.htm

Click and drag a corner of your browser window inwards...

If it's maximized, you may have to un-maximize it first.

--
-bts
-This space intentionally left blank.