Something very simple

Alxyz · Jun 10, 2004

Dear all,

I am getting crazy over something that must be very stupid. I have this
simple piece of html code:

<html>
<head>
<style type="text/css"></style>
<title>Sample</title>
</head>
<body>
<p id="Logo">O<span id="Logo2">O</span></p>
</body>
</html>

As you can see I want to draw second "O" on top of the first. It is
rendered as expected under IE. It _does not_ apply font parameters
(bigger font size) under Mozilla. My question is: WHY?

Thanks a lot,
Alex

Mark Parnell · Jun 10, 2004

<style type="text/css"><!--

^^^^
Lose this cargo cult rubbish.

#Logo { font-family: Arial, sans-serif; font-size=600%; text-align:

^
Invalid. CSS uses : not =. The CSS validator
(http://jigsaw.w3.org/css-validator/) would have told you that.

center; }
#Logo2 { position: relative; left: -0.50em; }
--></style>

^^^
As above with the cargo cult.

BTW: I assume this is a work in progress, but it is generally
better/easier to keep your CSS in a separate file.

HTH

Stephen T. Fox · Jun 10, 2004

In Alxyz <[email protected]> typed:
:| Dear all,
:|
:| I am getting crazy over something that must be very stupid. I have
:| this simple piece of html code:
:|
:| <html>
:| <head>
:| <style type="text/css"></style>
:| <title>Sample</title>
:| </head>
:| <body>
:| <p id="Logo">O<span id="Logo2">O</span></p>
:| </body>
:| </html>
:|
:| As you can see I want to draw second "O" on top of the first. It is
:| rendered as expected under IE. It _does not_ apply font parameters
:| (bigger font size) under Mozilla. My question is: WHY?
:|
:| Thanks a lot,
:| Alex

It usually is. It took me a while (duh), but I eventually got it.

Alxyz · Jun 10, 2004

Stephen said:
In Alxyz <[email protected]> typed:
:| Dear all,
:|
:| I am getting crazy over something that must be very stupid. I have
:| this simple piece of html code:
:|
:| <html>
:| <head>
:| <style type="text/css"></style>
:| <title>Sample</title>
:| </head>
:| <body>
:| <p id="Logo">O<span id="Logo2">O</span></p>
:| </body>
:| </html>
:|
:| As you can see I want to draw second "O" on top of the first. It is
:| rendered as expected under IE. It _does not_ apply font parameters
:| (bigger font size) under Mozilla. My question is: WHY?
:|
:| Thanks a lot,
:| Alex

It usually is. It took me a while (duh), but I eventually got it.

Thanks, Stephen, I fixed it yesterday (following the advice of Mark
Parnell) and am quite happy now superimposing various pieces of words
together. It is not ideal, because the font rendering seems to differ in
IE & Moz, but it is precise to 1-2 pixels, which I suppose is good
enough. Both browsers do not do much kerning, so even such non-ideal
adjustments may be used to produce a lot better output. You can (if you
want) have a look at the little bit that I've done so far, it seems to
behave well both in IE & Moz: http://pichugin.chat.ru/ptahh.html

Sorry, but it is cyrillic

Best wishes,
Alex

How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Buttons lining up	1	Feb 6, 2022
Positioning CSS components	1	Nov 16, 2023
<Button ...> display is fine, except for two things	1	Oct 23, 2023
Help me sort out this script	1	Oct 17, 2023
Help with my responsive home page	2	Dec 14, 2022
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Need help with code on website (noob)	2	Jul 18, 2022

Something very simple

Alxyz

Mark Parnell

Stephen T. Fox

Alxyz

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads