Re: New site - revisited. What needs changing BEFORE I get deeper. And a minor problem.

On Fri, 22 Feb 2008 08:05:42 +1100, dorayme
<doraymeRidThis@xxxxxxxxxxxxxxx> wrote:

margin-top: -34px;

Can someone educate me as to the differences in the browsers that
cause this?

I did not give you the neg margin as an actual solution (though
it might be part of some solution). It was more to find out if
that was the look you wanted regarding where the blue started.

Doh. Assumption again.

Anyway, what you have at this moment (7.43 am Sydney) looks ok in
FF, but not in Safari where the blue slides *over* the fire
helmet(?)logo.

Thats an eye that is. To be precise, my wifes right eye. Just a filler
but an eye with flames reflected in the whites is what I (think I)
want eventually.

I have an (ex) nephew who emigrated to Sydney many years ago. Do you
know... nooooo, I won't.

I would suggest redesigning some markup for the top bits of your
page that do not require all this fancy footwork with neg
margins. If you are fixed on the look of that banner, the red,

Agreed. I'm learning as I go, from the previously mentioned book,
websites, this group and some reading of other sites markup.

the light blue strip underneath, the helmet thing to the left,

Eye, dammit, eye.

the text a bit to the right, fine. Put the whole lot in a div and
give it a thin strip of vertical background that gets repeated in
the horizontal direction. The vertical bg will be these colours
you like, mostly red and a bit of blue at the foot.

Eye was wondering wether to make the name a graphic too, that way it
won't take up huge amounts of space when text size is increased. I've
read of methods to replace it with text for crawlers and stuff.

Be reasonable
and give some spare pixels so the tiny text can grow. It does not
matter if this type breaks out a bit with unusually large user
set text size. Get the blue to be just below the helmet. It is
simple because all in pixels.

Eye like the eye to hang over the line. But, who knows.

This way, the whole top unit is a nice simple rectangle and the
rest, especially the left nav col will but nicely up to it. No
tricks. Solid.

Z axis only works on positioned elements, correct? What about fixing
the EYE in the top left, doing the rest, and giving it a high z?

BTW, is there any software to read an elements current z? I have the
latest web developer toolbar on FF and the 'display element
information' is well useful but no readins of z.

Yes, I know, the dimensioning of the box up top will be pixels
and this goes "against" the idea of text growing within their
boxes. But things are a matter of give and take. You have to make

Graphics again.

decisions. There are solutions to everything. Perfection is hard.

I don't know... I've managed.

You can either simply make the heading text a size that will be
fine for a few text size clicks by the user either way and don't
worry about things breaking out under extreme controls or you can
simply make the header text a picture itself. *Often* quite a

Doh. Why didn't I read the whole text before I started replying?

fine thing to do and a way to get a nice font or graphic impact.
It is an option and the world will not cave in if you do this.

Thanks for your words of wisdom. A pen and paper are my next tools,
and maybe v3 tomorrow. Here it's 10 pm. Another hour and I'm off to
pixieland. Night night.

.

Relevant Pages