HighDots Forums  

vertical align images in div

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss vertical align images in div in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
A.Translator
 
Posts: n/a

Default vertical align images in div - 07-17-2005 , 10:28 AM






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 ]



Reply With Quote
  #2  
Old   
A.Translator
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 10:37 AM






A.Translator schreef op 17-7-2005
Quote:
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 ]




Reply With Quote
  #3  
Old   
Spartanicus
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 12:46 PM



"A.Translator" <transVUILlatoria (AT) yaNIShoo (DOT) com> wrote:

Quote:
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


Reply With Quote
  #4  
Old   
A.Translator
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 01:28 PM



Spartanicus schreef op 17-7-2005
Quote:
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 ]




Reply With Quote
  #5  
Old   
Spartanicus
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 04:21 PM



"A.Translator" <transVUILlatoria (AT) yaNIShoo (DOT) com> wrote:

Quote:
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


Reply With Quote
  #6  
Old   
A.Translator
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 04:54 PM



Spartanicus schreef op 17-7-2005
Quote:
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 ]




Reply With Quote
  #7  
Old   
Spartanicus
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 05:36 PM



"A.Translator" <transVUILlatoria (AT) yaNIShoo (DOT) com> wrote:

Quote:
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.

Quote:
, but when zooming in in FF
"when the pages gets resized" suggests something else than text zooming.

Quote:
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


Reply With Quote
  #8  
Old   
A.Translator
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 06:16 PM



Spartanicus schreef op 17-7-2005
Quote:
"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.

Quote:
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 ]




Reply With Quote
  #9  
Old   
Spartanicus
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 08:29 PM



"A.Translator" <transVUILlatoria (AT) yaNIShoo (DOT) com> wrote:

Quote:
I thought I was respecting the user's chosen font size:
body: font-size: 100%;
#maincontent {
Quote:
font-size: 0.85em;
line-height: 1.2em;
}

Btw, for normal text leave the line height alone.

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

#sidebar1 {
Quote:
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.

Quote:
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


Reply With Quote
  #10  
Old   
Stan Brown
 
Posts: n/a

Default Re: vertical align images in div - 07-17-2005 , 09:18 PM



On Mon, 18 Jul 2005 00:16:13 +0200, "A.Translator"
<transVUILlatoria (AT) yaNIShoo (DOT) com> wrote:

Quote:
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


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.