Q: about CSS

**Fabian** · Jul 20 '05, 12:34 PM

Re: about CSS

riki hu kiteb:
[color=blue]
> hi,
> i'm doing some tutorial with CSS and have a little problem...i've
> posted the source as well so you could see what i'm talking
> about...when i roll with mouse over link >>The Bio<< text get's bold
> and that is what i wan't to do in the first place...but, if you
> notice the other 2 paragraphs beeneath that link move downwards...the
> Q: is, how can i correct this so everything stays in place?
> thanks.[/color]

You can't. When you make text bold, it becomes bigger, and this affects
the flow of the document. Possible workarounds are:

- use images instead of text, so you can control the dimensions
precisely.
- make the link appear by itself on a single line so the text won't
reflow too obviously
- use a different effect to highlight your links

--
--
Fabian
Visit my website often and for long periods!

AGAM69 - Lajzar | Creative Design & Digital Innovation

http://www.lajzar.co.uk

AGAM69 menghadirkan inspirasi desain kreatif, solusi digital, pengembangan teknologi, serta inovasi modern untuk kebutuhan bisnis dan profesional.

**Michael Winter** · Jul 20 '05, 12:34 PM

[OT] Re: Q: about CSS

riki wrote on 05 Dec 2003:
[color=blue]
> i'm doing some tutorial with CSS and have a little
> problem...i've posted the source as well so you could see what
> i'm talking about...when i roll with mouse over link >>The Bio<<
> text get's bold and that is what i wan't to do in the first
> place...but, if you notice the other 2 paragraphs beeneath that
> link move downwards...the Q: is, how can i correct this so
> everything stays in place?[/color]

<snipped source>

You should be asking this in the CSS newsgroup
(comp.infosyste ms.www.authoring.stylesheets) not here, but here goes.

The reason is simple: you're changing the dimensions of the text, so
the browser is realigning everything to compensate. The solution?
Don't do it. It's bad style. There are many ways of changing the
appearance of a link, but none of them should involve changing the
dimensions, whether it be the style (italic/oblique), weight, size,
or font face. Keep it to the normal forms: text decoration (over- or
underline), or colour changes (but make sure you choose the colours
properly).

Be aware that your HTML is malformed. With a proper Transitional DTD
(below) you page doesn't render properly. I believe that it's due to
a conflict between the bgcolor and color attributes in the BODY
element, and the BODY style (in your style sheet), but I could be
wrong. You use the shorthand background property, but only specify an
image (no colours).

Transitional DTD (as defined in the specification):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

This all raises an interesting question, though: if you are using
style sheets, why are you using Transitional HTML? Specifically, why
use the bgcolor and color properties when they can be defined easily
in the style sheet with the BODY selector? Why use bold (B), when
STRONG does the same thing (certainly if you define it to with the
style sheet)? Finally, why declare each paragraph to use a 'body'
class? Just define that style using the BODY selector and remove the
class attributes from the paragraphs.

Mike

--
Michael Winter
M.Winter@blueyo nder.co.invalid (replace ".invalid" with ".uk")

**riki** · Jul 20 '05, 12:34 PM

Re: about CSS

first of all, thank you both for answers...
a will try once more at CSS newsgroup. i didn't know it exists :)
i know that i could make hover link differently but i would like to do it
this way if it is posible.
secondly (this is for mike only)
the reason for making this page this way is becouse it is in some
tutorial...thre e times same paragraph and other stuff like <B> instead of
<STRONG> etc.
it's not my personal design.

Q: about CSS

Q: about CSS

Comment

Comment

Comment