HighDots Forums  

centering images vertically...

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


Discuss centering images vertically... in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #11  
Old   
Els
 
Posts: n/a

Default Re: centering images vertically... - 08-15-2003 , 04:12 PM







"George Ziniewicz" <zin1 (AT) cox (DOT) net> schreef in bericht
news:HQb%a.249$kP.162 (AT) fed1read03 (DOT) ..
Quote:
"Els" <els.aNOSPAMPLEASE (AT) tiscali (DOT) nl.invalid> wrote in message
news:bhjc1o$s6o$1 (AT) reader1 (DOT) tiscali.nl...

"Thomas Mlynarczyk" <blue_elephant55 (AT) hotmail (DOT) com> schreef in
bericht
news:bhja5g$lvo$04$1 (AT) news (DOT) t-online.com...
[Vertical centering in tables]

Well, tables are comparatively easy to deal with. But how can I
center an
image vertically in, say, a div?

Curious,
Thomas

I wish I knew

I've written some code to center an arbitrary image in a
100%/100% div,

html/css code?
Can I see it? I'd like to 'fiddle' with it to see if I can come up
with anything.

(if it isnt html/css - don't bother, I won't be able to understand it
;-))

Quote:
but to center it in an arbitrarily sized div requires getting the
div.style.width & height which I can't seem to get, I can set them
but not
get them in IE.
Sincerely,
Els






Reply With Quote
  #12  
Old   
Els
 
Posts: n/a

Default Re: centering images vertically... - 08-15-2003 , 04:40 PM







"Els" <els.aNOSPAMPLEASE (AT) tiscali (DOT) nl.invalid> schreef in bericht
news:bhji1m$3nb$1 (AT) reader1 (DOT) tiscali.nl...
Quote:
"Thomas Mlynarczyk" <blue_elephant55 (AT) hotmail (DOT) com> schreef in bericht
news:bhjg86$grh$05$1 (AT) news (DOT) t-online.com...
Also sprach Els:
-snip: how to vertically center an image inside a div; possible or
not?-

I just read parts of an interesting thread :-(

http://lists.w3.org/Archives/Public/...3Jul/0011.html

Am still reading, therefore: still hoping...

Sincerely,
Els




Reply With Quote
  #13  
Old   
Els
 
Posts: n/a

Default Re: centering images vertically... - 08-15-2003 , 05:14 PM




"Els" :
Quote:
"Els":

-snip: how to vertically center an image inside a div; possible or
not?-

I just read parts of an interesting thread :-(

http://lists.w3.org/Archives/Public/...3Jul/0011.html

Am still reading, therefore: still hoping...
Well, I got tired of reading, I did find something useful, though:
http://www.wpdfd.com/editorial/wpd0103.htm#toptip
but (always a but :-( ), it only works if you know the height and
width of the image! Which I don't know in my particular case. (various
photos, one per page, over 500 pages...)

Don't know about anyone else, but I just gave up on trying to throw
out my lay-out tables for the love of CSS!

One good thing I read in the a.m. thread: (message
http://lists.w3.org/Archives/Public/...3Jul/0047.html )

<quote>
By the way, this isn't necessarily invalid HTML. The W3C's Web
Content Accessibility Guidelines allow for the use of tables for
layout, as long as (a) the page makes sense when the table is
linearized, (b) the markup is correct -- summary="", no
axis/scope/headers/<th>, and (c) the document type is Transitional
(required so you can use all the layout-friendly attributes, not
because layout tables _must_ be Transitional -- they can be Strict
too).

Layout tables are _not_ improper HTML, and they are, by and large,
_not_ an accessibility problem if done correctly -- the same applies
to frames, by the way.
</quote>

So, instead of searching for this centering/img/div thing, I'll have a
more indepth look into table structure ;-) (never used a <th> or a
summary, and never heard of axis or scope...)

Well, it's past midnight here, so goodnight. I'll dream of using
lay-out tables with no tabular data at all _and_ have a clear
conscience! Life can be so easy... ;-)

Els






Reply With Quote
  #14  
Old   
Lauri Raittila
 
Posts: n/a

Default Re: centering images vertically... - 08-20-2003 , 02:58 AM



In article <bhja5g$lvo$04$1 (AT) news (DOT) t-online.com>, Thomas Mlynarczyk wrote:
Quote:
[Vertical centering in tables]

Well, tables are comparatively easy to deal with. But how can I center an
image vertically in, say, a div?
div {display:table-cell;vertical-align:middle}

IIRC works on some version of Opera

or

div {position:relative;min-height:10px;min-width:10px;height:3em}
img {position:absolute;top:0;left:0;right:0;bottom:0;
margin:auto;width:10px;height:10px;}

Works on Mozilla and Opera IIRC.


--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.



Reply With Quote
  #15  
Old   
Els
 
Posts: n/a

Default OT: expiring messages (was: Re: centering images vertically...) - 08-20-2003 , 03:05 AM



Can anyone tell me why this complete thread (from George
Ziniewicz message on 13-8-2003 22.05 to my own message on
16-8-2003 0.14 gets an error in Netscape 7.1's mailclient:

Error!
newsgroup server responded:Bad article number
Perhaps the article has expired
<bhjm03$66a$1 (AT) reader1 (DOT) tiscali.nl> (48341)
Click here to remove all expired articles

(I had already downloaded and read them before, but now I
get this message instead), while in Outlook Express, I can
still read them all?

--
Els

A mente é egual á uma paraqueda; funciona melhor aberta.


Reply With Quote
  #16  
Old   
Els
 
Posts: n/a

Default Re: OT: expiring messages - 08-20-2003 , 03:33 AM



Evertjan. wrote:

Quote:
Els wrote on 20 aug 2003 in comp.infosystems.www.authoring.stylesheets:


Can anyone tell me why this complete thread (from George
Ziniewicz message on 13-8-2003 22.05 to my own message on
16-8-2003 0.14 gets an error in Netscape 7.1's mailclient:

Error!
newsgroup server responded:Bad article number
Perhaps the article has expired
bhjm03$66a$1 (AT) reader1 (DOT) tiscali.nl> (48341)
Click here to remove all expired articles

(I had already downloaded and read them before, but now I
get this message instead), while in Outlook Express, I can
still read them all?



Perhaps OE has them in cache ?
I thought of that, but I can't figure out why they are
expired on the server then. I didn't cancel my messages!
In the mean time I found out that all the messages in all
the newsgroups , except the alt. ones, before the 18th
approx.lunchtime GMT have expired.

Does anyone have an idea why?
Is it possible that I made a mistake of some sort in my
settings?

Quote:
Misschien kan je beter een echte newsreader gebruiken ?
(Xnews, Agent, etc)
Ik zal eens Googelen. Ik vond Netscape (m.b.t. quote en sig
seperator) al een hele verbetering t.o.v. OE.

--
Els

A mente é egual á uma paraqueda; funciona melhor aberta.



Reply With Quote
  #17  
Old   
Evertjan.
 
Posts: n/a

Default Re: OT: expiring messages - 08-20-2003 , 03:43 AM



Els wrote on 20 aug 2003 in comp.infosystems.www.authoring.stylesheets:
Quote:
Misschien kan je beter een echte newsreader gebruiken ?
(Xnews, Agent, etc)
Ik zal eens Googelen. Ik vond Netscape (m.b.t. quote en sig
seperator) al een hele verbetering t.o.v. OE.
<http://xnews.newsguy.com/>

direct bruikbaar,
maar naarmate de ervaring met het pakket toeneemt zelfs iedere toets
instelbaar. Bij een verlopen mail wordt direct een klik link naar google
groups voorgesteld. Mail score waarden zijn programmeerbaar.

De maker Luu Tran is echter al een half jaar incommunicado.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Reply With Quote
  #18  
Old   
Els
 
Posts: n/a

Default Re: OT: expiring messages - 08-20-2003 , 08:56 AM



Evertjan. wrote:

Quote:
Els wrote on 20 aug 2003 in comp.infosystems.www.authoring.stylesheets:

Misschien kan je beter een echte newsreader gebruiken ?
(Xnews, Agent, etc)

Ik zal eens Googelen. Ik vond Netscape (m.b.t. quote en sig
seperator) al een hele verbetering t.o.v. OE.


http://xnews.newsguy.com/

Ziet er interessant uit, maar ik vind het onhandig
'schakelen' tussen de nieuwsgroepen. Ik wil graag zo'n
3-delig scherm als in OE en NS-mailclient.. kan zeker niet
met xnews? :-(

--
Els

A mente é egual á uma paraqueda; funciona melhor aberta.



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.