472,145 Members | 1,510 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,145 software developers and data experts.

vertical align images in div

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 ]
Jul 21 '05 #1
15 15859
A.Translator schreef op 17-7-2005
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#

--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]
Jul 21 '05 #2
"A.Translator" <tr**************@yaNIShoo.com> wrote:
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#


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

--
Spartanicus
Jul 21 '05 #3
Spartanicus schreef op 17-7-2005
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#

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


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 ]
Jul 21 '05 #4
"A.Translator" <tr**************@yaNIShoo.com> wrote:
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#

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


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.


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

--
Spartanicus
Jul 21 '05 #5
Spartanicus schreef op 17-7-2005

Oops. the URL: http://www.xs4all.nl/~hogen/MenNew/biblio.htm#
Vertical align them to what? The buttons barely fit into the
navbar.
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.

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


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 ]
Jul 21 '05 #6
"A.Translator" <tr**************@yaNIShoo.com> wrote:
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.
No idea what you are talking about, the page rigidly stays at it's
fixed > width when I change the viewport width.


That would be nice


Fixed width page designs are not nice, quite the contrary.
, but when zooming in in FF
"when the pages gets resized" suggests something else than text zooming.
I get this:
http://www.xs4all.nl/~hogen/voorbeeld/ .

Now see what I mean?


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
Jul 21 '05 #7
Spartanicus schreef op 17-7-2005
"when the pages gets resized" suggests something else than text
zooming.
You are right. I am not a native speaker of English and got mixed up
with the terminology.
I get this: >> http://www.xs4all.nl/~hogen/voorbeeld/ .
Now see what I mean?

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).


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 ]
Jul 21 '05 #8
"A.Translator" <tr**************@yaNIShoo.com> wrote:
I thought I was respecting the user's chosen font size:
body: font-size: 100%;
#maincontent {font-size: 0.85em; line-height: 1.2em;
}

Btw, for normal text leave the line height alone.

#menubar {font-size: .8em; }

#sidebar1 {font-size: 0.7em; }

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.
but feel a bit like a bulldozer just ran over me
without respecting my amateur size.


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
Jul 21 '05 #9
On Mon, 18 Jul 2005 00:16:13 +0200, "A.Translator"
<tr**************@yaNIShoo.com> wrote:
Alt content is something I will add at a later stage. Now I am just
setting up the pages.


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/200..._wont_help_you
Jul 21 '05 #10
Spartanicus schreef op 18-7-2005
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.
Thanks, I will bear that in mind.
but feel a bit like a bulldozer just ran over me
without respecting my amateur size.

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.
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.
We don't raise these issues to put you down, but to draw your
attention > to real problems.


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 ]
Jul 21 '05 #11
Stan Brown schreef op 18-7-2005
Alt content is something I will add at a later stage. Now I am just
setting up the pages.
Sorry, but that's just wrong. My 30+ years of systems development
tells me that anything left "till later" never gets done.


Not here.

--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]
Jul 21 '05 #12
"A.Translator" <tr**************@yaNIShoo.com> wrote:
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.
It didn't: I asked about vertically aligning my 'buttons'. This you
called a trivial issue.


It is.
I would still like to know how it is done.
http://www.student.oulu.fi/~laurirai/www/css/middle/
I am especially worried about "the over spilling
menu bar text" since I do not know what you mean.
http://homepage.ntlworld.com/spartanicus/overspill.png (Opera 8)
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.


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

--
Spartanicus
Jul 21 '05 #13
Spartanicus schreef op 18-7-2005
I am especially worried about "the over spilling
menu bar text" since I do not know what you mean.
http://homepage.ntlworld.com/spartanicus/overspill.png (Opera 8)
Thank you! That is something I definitely want to remedy.
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.

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


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

--
Groet,
Adriana
[ gooi de vuilnis weg als je me wilt mailen ]
Jul 21 '05 #14
> Your visitors care not one jot about this "issue". The other issues I
raised *are* likely to degrade the user experience.


You would search long and hard to find a better contradiction of terms than
that! 8P
Jul 26 '05 #15
"A.Translator" <transVUILlatoria@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
Methinks he is!

It's one thing to offer "advice", it is quite another to be such a sanctimonious ass about it.

I can't stand self-righteous tech-know-it-all pricks like you.

She's just looking for help. You can deliver your message in a better way, can't you?

Don't forget there was a time when you didn't know "everything", and were scrounging to learn too, chump.
Aug 15 '05 #16

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

8 posts views Thread by abracad | last post: by
10 posts views Thread by Markus Ernst | last post: by
13 posts views Thread by Bill | last post: by
8 posts views Thread by Dave Rado | last post: by
40 posts views Thread by maya | last post: by
reply views Thread by Saiars | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.