Flotation Devices

Greetings.

I am a budding HTML operator, with only a small portfolio of experience to
draw from. I am still at the learning stage, trying out "pretend websites"
on my own computer.

I have two very simple questions that I am hoping to elicit some form of
response to.

Here is the first: I am learning to use CSS more for positioning than table
cells, as is the current trend in progressive thinking. For some of my
design attempts, I still use a single-celled table containing a picture and
descriptive text beside it. I position the picture with either a
"float-right" or "float-left" style defined in CSS. The descriptive text
lies beside it; I usually apply a font-style css to the <td> of the cell to
govern the "look" of the font. But one problem I have is is for, say larger
pictures accompanied by smaller blocks of text: no matter how I tweak with
the style dialogue box (dw/mx), I can't find an attribute that will position
the block of text in the vertical centre of the "left-floated" or
"right-floated" picture. The text always drifts to align with the top of
the graphic, leaving a disproportionate amount of empty space below.

I'm sure this problem would persist even if I dropped the table cell and
floated content relative to the empty page. Can anyone suggest a tweak for
this?

One other problem I notice is that when I use the javascript mouseover
buttons that DW generates, it tends to stop animated gif's that I use from
playing. Has anyone else encountered this anomaly before?

Thank you kindly for any input you can offer.

-- JP*

You can't vertically center with CSS. You'll have to put the statement
"line-height:25px" in the css-style, and adjust the number of pix to try and
get it half way rite. Keep in mind that you'll need to browse the page with
browser, to see how the browser will render, and not depend on what you are
seeing in the editor.

Another trick is to put div over div, and then position the top one.

home


"John Perrier II" <windor-macbeth (AT) hargreeves (DOT) com> wrote

Greetings.

I am a budding HTML operator, with only a small portfolio of experience to
draw from. I am still at the learning stage, trying out "pretend
websites"
on my own computer.

I have two very simple questions that I am hoping to elicit some form of
response to.

Here is the first: I am learning to use CSS more for positioning than
table
cells, as is the current trend in progressive thinking. For some of my
design attempts, I still use a single-celled table containing a picture
and
descriptive text beside it. I position the picture with either a
"float-right" or "float-left" style defined in CSS. The descriptive text
lies beside it; I usually apply a font-style css to the <td> of the cell
to
govern the "look" of the font. But one problem I have is is for, say
larger
pictures accompanied by smaller blocks of text: no matter how I tweak with
the style dialogue box (dw/mx), I can't find an attribute that will
position
the block of text in the vertical centre of the "left-floated" or
"right-floated" picture. The text always drifts to align with the top of
the graphic, leaving a disproportionate amount of empty space below.

I'm sure this problem would persist even if I dropped the table cell and
floated content relative to the empty page. Can anyone suggest a tweak
for
this?

One other problem I notice is that when I use the javascript mouseover
buttons that DW generates, it tends to stop animated gif's that I use from
playing. Has anyone else encountered this anomaly before?

Thank you kindly for any input you can offer.

-- JP*