473,405 Members | 2,334 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,405 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 15937
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: abracad | last post by:
Hi Is it possible to vertically align an image in the middle of a DIV of fixed height?
10
by: Markus Ernst | last post by:
Hi I have a strange problem with vertical-align. The case can be viewed at http://www.brainput.info/geschichte.html. HTML code: <div id="bild"><img src="geschichte.gif" width="274"...
2
by: chris_culley | last post by:
Hi, I'm fairly new to using css, and have been using it to format a vertical navigation bar on my website, producing a load of buttons on top of each other, each with a (151 * 33 px) gif as the...
13
by: Egil Helland | last post by:
I am trying to create a breadcrumb with both icons and text, looking like: Home > Trail > Trail Now, how on earth do I get the images and text to vertically align so that the vertical...
3
by: acunnon | last post by:
I am trying to put together an login page my problem is getting the three items aligned to the middle verticaly without specifing a height to anything on the page. CSS html{ height:100%;...
8
by: ayamopamo | last post by:
Hi- I am trying to center a web page. It seems like this should be very simple to do, but apparently it isn't my day. I have successfully centered the background by calling it in the css body tag:...
13
by: Bill | last post by:
Hi How can I have IE7 act correctly on that ? The rules make the link text go down when hovered. It works in FF , I had to add a hard space right after the LI tag to have OP9 work but I can't...
8
by: Dave Rado | last post by:
Hi See my mock-up at http://tinyurl.com/35tv29. The three icons are supposed to be vertically aligned on their bottoms (using "vertical- align: bottom"), but they aren't, they're vertically...
40
by: maya | last post by:
hi, how do I get text to vertical-align inside a div? http://www.mayacove.com/misc/home.html vertical-align should work, according to this:...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

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.