473,562 Members | 2,597 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 15947
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.Translat or" <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.Translat or" <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.Translat or" <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.Translat or" <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.Translat or"
<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

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
30887
by: abracad | last post by:
Hi Is it possible to vertically align an image in the middle of a DIV of fixed height?
10
66015
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" height="29" alt="Wir schreiben die Geschichte Ihres Unternehmens."></div>
2
15546
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 background. I've customised the <a> tag as follows: a.menu {
13
3128
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 center of the text is identical to the vertical center of the images, with margins top and bottom as well as borders top and bottom? And retain...
3
4407
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%; min-height:100%; } body{ vertical-align:middle;
8
3522
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: body { font-family: Trebuchet MS, Arial; cursor : default; background:#000000 url("Images/long-template.jpg");...
13
1662
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 figure how to have IE7 work. Why? How can I have it work in all 3 browsers? http://nrap.selfip.com
8
2813
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 aligned on their tops. Is there any way to align them vertically on their bottoms (or middle for that matter) short of resorting to using a table (where...
40
5454
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: http://htmlhelp.com/reference/css/text/vertical-align.html
0
7658
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7872
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
1
7628
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
7937
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
1
5479
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5194
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3624
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
1
1192
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
904
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

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.