Re: vertical alignment of img inside a div?

tomasio <frognsnedso@xxxxxxx> schrieb:

On Wed, 14 Jun 2006 01:57:38 -0400, Neredbojias
<http://www.neredbojias.com/fliam.php?cat=alt.html> wrote:

To further the education of mankind, tomasio <frognsnedso@xxxxxxx>
vouchsafed:

Dear NG-Users,

[1] I would like to vertically center the images containing arrows
when the content area is stretched because the user chooses a bigger
font. although I explored many methods in the net to achieve this,
none of them worked.
[2] Additionally IE seems to have problems with the float-property I
used to position the text between the two arrow-images.

I would like not to use background images because I want to achieve a
rollover-effect when hovering over them.

Here's the example site: http://tomasio.at/temp/liquid.html
and here's the regarding CSS: http://tomasio.at/temp/stylesheet.css

and here is how it should look like when the text extends beyond the
height of the images: http://tomasio.at/temp/correct.png

Any help will be appreciated.

I just found out that [2] has something to do with the width of the
containing div (cont-dyn): Setting its width to 808px or more will
allow the content to flow correctly. Naturally that's not what I want
because the layout will crash then.

Does anybody has an idea how to get that centering issue[1] and that
thing with the float property[2] working correctly?

Please help, I am a little desparate already *grn*
--
kind regards,
tomasio
"describing an issue reveals the way to solve it"
.

Relevant Pages

  • Re: vertical alignment of img inside a div?
    ... To further the education of mankind, tomasio ... I would like to vertically center the images containing arrows ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: merging 3 layers
    ... directional arrows I'm only doing 16 directions, not all 360 degrees, ... an arrow on a compass to show wind direction, ... even more on the wind speedometer, I'd like to show high and low and ... Even with one degree accuracy you are only talking 360 images. ...
    (comp.lang.php)
  • Re: Can Images act like fonts?
    ... > crash can be represented by about 35 images or symbols. ... You could make PowerPoint-type arrows that way. ... Just create your gifs in all the ... An alternative method is to look for dingbat fonts that might have the ...
    (comp.graphics.apps.photoshop)
  • Re: need help in printing
    ... "jabslim via DotNetMonster.com" schrieb: ... ill illustrate an example to explain my question better: ... a user opens a word fileand the file has colored text and images, ...
    (microsoft.public.dotnet.languages.vb)
  • Re: graphics on web page
    ... Both arrows look fine - is there any particular page that it does as you ... The images are probably being displayed from your web cache/temp internet files. ... image first, ... The F5 key will refresh the page. ...
    (microsoft.public.frontpage.client)