vertical align images in div

[A.Translator]

From what I read, aligning images vertically in a div is not easy. It
proofed too difficult for me:
I tried to align the "control buttons" on the right hand side of the
main nav bar by vertically alignign the container div (#playPanel)to
"middle" - but it is no good.

Can someone please point me in the right direction?
I would be very grateful.


--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[A.Translator]

Re: vertical align images in div

A.Translator schreef op 17-7-2005[color=blue]
> From what I read, aligning images vertically in a div is not easy. It
> proofed too difficult for me:
> I tried to align the "control buttons" on the right hand side of the
> main nav bar by vertically alignign the container div (#playPanel)to
> "middle" - but it is no good.[/color]
[color=blue]
> Can someone please point me in the right direction?
> I would be very grateful.[/color]

Oops. the URL: http://www.xs4all.nl/~hogen/MenNew/biblio.htm#

--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[Spartanicus]

Re: vertical align images in div

"A.Translat or" <transVUILlator ia@yaNIShoo.com > wrote:
[color=blue][color=green]
>> From what I read, aligning images vertically in a div is not easy. It
>> proofed too difficult for me:
>> I tried to align the "control buttons" on the right hand side of the
>> main nav bar by vertically alignign the container div (#playPanel)to
>> "middle" - but it is no good.[/color]
>[color=green]
>> Can someone please point me in the right direction?
>> I would be very grateful.[/color]
>
>Oops. the URL: http://www.xs4all.nl/~hogen/MenNew/biblio.htm#[/color]

Vertical align them to what? The buttons barely fit into the navbar.

--
Spartanicus

[A.Translator]

Re: vertical align images in div

Spartanicus schreef op 17-7-2005[color=blue][color=green][color=darkred]
>>> From what I read, aligning images vertically in a div is not easy.
>>> It
>>> proofed too difficult for me:
>>> I tried to align the "control buttons" on the right hand side of
>>> the
>>> main nav bar by vertically alignign the container div
>>> (#playPanel)to
>>> "middle" - but it is no good.[/color]
>>[color=darkred]
>>> Can someone please point me in the right direction?
>>> I would be very grateful.[/color]
>>
>> Oops. the URL: http://www.xs4all.nl/~hogen/MenNew/biblio.htm#[/color][/color]
[color=blue]
> Vertical align them to what? The buttons barely fit into the navbar.[/color]

that is right, but I would like the buttons to be vertically aligned
when the pages gets resized. Now the seem to cling to the top.
Thanks for your quick response.

--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[Spartanicus]

Re: vertical align images in div

"A.Translat or" <transVUILlator ia@yaNIShoo.com > wrote:
[color=blue][color=green][color=darkred]
>>>> From what I read, aligning images vertically in a div is not easy.
>>>> It
>>>> proofed too difficult for me:
>>>> I tried to align the "control buttons" on the right hand side of
>>>> the
>>>> main nav bar by vertically alignign the container div
>>>> (#playPanel)to
>>>> "middle" - but it is no good.
>>>
>>>> Can someone please point me in the right direction?
>>>> I would be very grateful.
>>>
>>> Oops. the URL: http://www.xs4all.nl/~hogen/MenNew/biblio.htm#[/color][/color]
>[color=green]
>> Vertical align them to what? The buttons barely fit into the navbar.[/color]
>
>that is right, but I would like the buttons to be vertically aligned
>when the pages gets resized. Now the seem to cling to the top.[/color]

No idea what you are talking about, the page rigidly stays at it's fixed
width when I change the viewport width.

--
Spartanicus

[A.Translator]

Re: vertical align images in div

Spartanicus schreef op 17-7-2005[color=blue][color=green][color=darkred]
>>>>
>>>> Oops. the URL: http://www.xs4all.nl/~hogen/MenNew/biblio.htm#
>>> Vertical align them to what? The buttons barely fit into the
>>> navbar.[/color]
>>
>> that is right, but I would like the buttons to be vertically
>> aligned
>> when the pages gets resized. Now the seem to cling to the top.[/color][/color]
[color=blue]
> No idea what you are talking about, the page rigidly stays at it's
> fixed > width when I change the viewport width.[/color]

That would be nice, but when zooming in in FF, I get this:
http://www.xs4all.nl/~hogen/voorbeeld/ .

Now see what I mean?


--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[Spartanicus]

Re: vertical align images in div

"A.Translat or" <transVUILlator ia@yaNIShoo.com > wrote:
[color=blue][color=green][color=darkred]
>>> that is right, but I would like the buttons to be vertically
>>> aligned
>>> when the pages gets resized. Now the seem to cling to the top.[/color][/color]
>[color=green]
>> No idea what you are talking about, the page rigidly stays at it's
>> fixed > width when I change the viewport width.[/color]
>
>That would be nice[/color]

Fixed width page designs are not nice, quite the contrary.
[color=blue]
>, but when zooming in in FF[/color]

"when the pages gets resized" suggests something else than text zooming.
[color=blue]
>I get this:
>http://www.xs4all.nl/~hogen/voorbeeld/ .
>
>Now see what I mean?[/color]

A trivial control freakish "issue". Time better spent would be to solve
some real problems like making the design fluid, the over spilling menu
bar text, respecting the user's chosen font size, providing useful alt
content and not to rely on CSS (view the page sans CSS to see what I
mean).

--
Spartanicus

[A.Translator]

Re: vertical align images in div

Spartanicus schreef op 17-7-2005[color=blue]
> "when the pages gets resized" suggests something else than text
> zooming.[/color]

You are right. I am not a native speaker of English and got mixed up
with the terminology.
[color=blue][color=green]
>> I get this: >> http://www.xs4all.nl/~hogen/voorbeeld/ .
>> Now see what I mean?[/color][/color]
[color=blue]
> A trivial control freakish "issue". Time better spent would be to
> solve > some real problems like making the design fluid, the over
> spilling menu> bar text, respecting the user's chosen font size,
> providing useful alt> content and not to rely on CSS (view the page
> sans CSS to see what I mean).[/color]

Alt content is something I will add at a later stage. Now I am just
setting up the pages.

I will view the page sans CSS tomorrow to see what you mean (it is past
midnight here). I thought I was respecting the user's chosen font size:
body: font-size: 100%; but feel a bit like a bulldozer just ran over me
without respecting my amateur size.





--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[Spartanicus]

Re: vertical align images in div

"A.Translat or" <transVUILlator ia@yaNIShoo.com > wrote:
[color=blue]
>I thought I was respecting the user's chosen font size:
>body: font-size: 100%;[/color]

#maincontent {[color=blue]
>font-size: 0.85em;[/color]
line-height: 1.2em;
}

Btw, for normal text leave the line height alone.

#menubar {[color=blue]
>font-size: .8em;[/color]
}

#sidebar1 {[color=blue]
>font-size: 0.7em;[/color]
}

It's generally considered acceptable to reduce font size to no lower
than 80%/.8em for non essential content so as to focus attention to the
main content, but not for essential elements.
[color=blue]
>but feel a bit like a bulldozer just ran over me
>without respecting my amateur size.[/color]

Welcome to usenet, post a url here and you may find that we will discuss
the problems with it. If that includes what you were asking about,
consider yourself lucky.

We don't raise these issues to put you down, but to draw your attention
to real problems.

--
Spartanicus

[Stan Brown]

Re: vertical align images in div

On Mon, 18 Jul 2005 00:16:13 +0200, "A.Translat or"
<transVUILlator ia@yaNIShoo.com > wrote:
[color=blue]
>Alt content is something I will add at a later stage. Now I am just
>setting up the pages.[/color]

Sorry, but that's just wrong. My 30+ years of systems development
tells me that anything left "till later" never gets done.

Besides, it's common sense that the best time to write the alt text
is when you're putting the image into the page, because that's when
you're most aware of what purpose it serves.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA

http://OakRoadSystems.com/

HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:

http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

[A.Translator]

Re: vertical align images in div

Spartanicus schreef op 18-7-2005[color=blue]
> It's generally considered acceptable to reduce font size to no lower
> than 80%/.8em for non essential content so as to focus attention to
> the main content, but not for essential elements.[/color]

Thanks, I will bear that in mind.
[color=blue][color=green]
>> but feel a bit like a bulldozer just ran over me
>> without respecting my amateur size.[/color][/color]
[color=blue]
> Welcome to usenet, post a url here and you may find that we will
> discuss the problems with it. If that includes what you were asking
> about, consider yourself lucky.[/color]

It didn't: I asked about vertically aligning my 'buttons'. This you
called a trivial issue. I would still like to know how it is done.
[color=blue]
> We don't raise these issues to put you down, but to draw your
> attention > to real problems.[/color]

I appreciate that. I am especially worried about "the over spilling
menu
bar text" since I do not know what you mean. I am trying to get things
right, not because I am a control freak but because I try to serve the
visitors as well as I can.


--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[A.Translator]

Re: vertical align images in div

Stan Brown schreef op 18-7-2005[color=blue][color=green]
>> Alt content is something I will add at a later stage. Now I am just
>> setting up the pages.[/color][/color]
[color=blue]
> Sorry, but that's just wrong. My 30+ years of systems development
> tells me that anything left "till later" never gets done.[/color]

Not here.

--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[Spartanicus]

Re: vertical align images in div

"A.Translat or" <transVUILlator ia@yaNIShoo.com > wrote:
[color=blue][color=green]
>> Welcome to usenet, post a url here and you may find that we will
>> discuss the problems with it. If that includes what you were asking
>> about, consider yourself lucky.[/color]
>
>It didn't: I asked about vertically aligning my 'buttons'. This you
>called a trivial issue.[/color]

It is.
[color=blue]
>I would still like to know how it is done.[/color]

http://www.student.oulu.fi/~laurirai/www/css/middle/

[color=blue]
>I am especially worried about "the over spilling
>menu bar text" since I do not know what you mean.[/color]

http://homepage.ntlworld.com/spartanicus/overspill.png (Opera 8)
[color=blue]
>I am trying to get things
>right, not because I am a control freak but because I try to serve the
>visitors as well as I can.[/color]

Your visitors care not one jot about this "issue". The other issues I
raised *are* likely to degrade the user experience.

--
Spartanicus

[A.Translator]

Re: vertical align images in div

Spartanicus schreef op 18-7-2005[color=blue][color=green]
>> I am especially worried about "the over spilling
>> menu bar text" since I do not know what you mean.[/color][/color]
[color=blue]
> http://homepage.ntlworld.com/spartanicus/overspill.png (Opera 8)[/color]

Thank you! That is something I definitely want to remedy.
[color=blue][color=green]
>> I am trying to get things >> right, not because I am a control freak
>> but because I try to serve the >> visitors as well as I can.[/color][/color]
[color=blue]
> Your visitors care not one jot about this "issue". The other issues I
> raised *are* likely to degrade the user experience.[/color]

Thanks again. I did not know it was not an "issue".



--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]

[David Raven]

Re: vertical align images in div

> Your visitors care not one jot about this "issue". The other issues I[color=blue]
> raised *are* likely to degrade the user experience.[/color]

You would search long and hard to find a better contradiction of terms than
that! 8P