I'm working on a site which has several images on the page (300x225px). Each
image has some descriptive text alongside, which generally is not as high as
the
image. My client would like the text vertically centred on the image.
Tim: I know you said that you didn't want to go the table way, but a table
in this case is perfectly acceptable, insofar as the relationship between
the image and text is a tabular one. I wouldn't hesitate to use a table
here, so long as it's marked up properly.
Bob
- Original Message
Thanks, Bob. I know it's possible to take table-aversion too far, and you are
right in saying the information is essentially tabular. I'll look into it.
Meanwhile I'm using a varying number of br / which has the merit of being
very
simple to insert. Provided the content is fairly static,
On Mon, Apr 13, 2009 at 3:45 AM, Tim Dawson t...@ramasaig.com
mailto:t...@ramasaig.com wrote:
I'm working on a site which has several images on the page
(300x225px). Each
image has some descriptive text alongside, which generally is not as
high as the
image. My
On Mon, Apr 13, 2009 at 3:45 AM, Tim Dawson t...@ramasaig.com wrote:
I'm working on a site which has several images on the page (300x225px).
Each
image has some descriptive text alongside, which generally is not as high
as the
image. My client would like the text vertically centred on the
andree hollander wrote:
On 2009-04-13, at 13:03, Tim Dawson wrote:
I'll explore putting the text into a span. Meanwhile the br /
solution
(forcing the text down the para), while not good semantically, is
quick and
flexible, particularly if the clients change their mind when they see
You can apply a class to the paragraphs that are together and make the
line height the same as the height of the image and then st
vertical-align to middle.
__
css-discuss [cs...@lists.css-discuss.org]
sorry, that was bad information. I just tried it and while it does make
it vertically centered, it adds huge space because of the line height.
__
css-discuss [cs...@lists.css-discuss.org]
Brian Hazelton wrote:
sorry, that was bad information.
Thanks for trying, anyway (I got both your e-mails).
It seems it's one of those apparently small problems that require sledge-hammer
treatment to achieve in CSS.
Regards,
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
Hey, folks;
I have a three-column, fixed-width holy grail layout, and I've recently
added a jQuery plugin that transforms a set of radio buttons into six
floated A elements with a star background, which submit a vote to rank this
page when you click on them. The problem is that these star
The site which I work on has an older form that is several pages long.
The outer shell is doctype 4.0, tabular with so many coding errors I
could only make it work in all browsers. Currently, I updated the
out shell to be standards css based with xhtml transitional but kept
the form in the
Brian Hazelton wrote:
does IE support display:table or display:table cell though? I could have
sworn it didn't.
Georg has a long article on this, on his web site, and he says it doesn't.
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
does IE support display:table or display:table cell though? I could have
sworn it didn't.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ --
-Original Message-
From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
boun...@lists.css-discuss.org] On Behalf Of Tim Dawson
Sent: 13 April 2009 09:46
To: css-d@lists.css-discuss.org
Subject: [css-d] Vertically centering text in a paragraph
I'm working on a site which has
does IE support display:table or display:table cell though? I could
have sworn it didn't.
- IE7 and older does not support CSS table.
- IE8 does support CSS table as well as any other browser - when in full
standards mode.
Georg
--
http://www.gunlaug.no
The Ferrett wrote:
This works in every browser but, you guessed it, IE.
Problem is, in IE 7 that margin appears to be not quite doubled, but
definitely added to:
http://www.starcitygames.com/SCG_6/test_article_page_with_vote.html
Interesting, indeed...
I can get the block centered
David Laakso wrote:
The Ferrett wrote:
This works in every browser but, you guessed it, IE.
Problem is, in IE 7 that margin appears to be not quite doubled, but
definitely added to:
http://www.starcitygames.com/SCG_6/test_article_page_with_vote.html
Interesting, indeed...
I am trying to get rid of the space right at the top of the page but I can't
seem to do it, what do I need to doo? Thank you
http://tinyurl.com/clg668
__
css-discuss [cs...@lists.css-discuss.org]
The Ferrett wrote:
I did this by wrapping the elements in a div (with an assigned
width) and then by assigning a left margin calculated to push the div
out into the center of the column. This works in every browser but,
you guessed it, IE. Problem is, in IE 7 that margin appears to be not
body margin and padding set to 0 and the first element set to margin-top
0
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List
--- On Mon, 4/13/09, Brian Hazelton bdh_2...@comcast.net wrote:
From: Brian Hazelton bdh_2...@comcast.net
Subject: Re: [css-d] Get rid of top space
To: bayliss_tre...@yahoo.com
Cc: css-d@lists.css-discuss.org
Date: Monday, April 13, 2009, 1:54 PM
body margin and padding set to 0 and the
make p margin:0px instead of the 0 0 1em, I just tried it and that is
what was screwing you up.
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ --
trevor bayliss wrote:
I am trying to get rid of the space right at the top of the page but I can't
seem to do it, what do I need to doo? Thank you
http://tinyurl.com/clg668
It is a collapsing margin problem.
#wrapperLogoNavigation {
/*padding: 0px; */
padding-top: 1px;
/*margin: none;
Try setting html margins to zero as well. I have pages with and without top
gap, and that seems to be the only difference.
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
__
css-discuss
Thanks Brian Elias and David
David it only had one error which obviously happened between the last time I
validated it- I have now sorted out margin: none instead of margin: 0px
There are however some warnings there-important? Thanks
Venditelli, Daniel - Web Development Administrator wrote:
Just keep in mind that if you do use br/ then your layout won't hold up
as soon as someone uses their browser settings to increase the font-size
Yes, the br / is only a stop-gap to show the client.
It doesn't appear that there's any
I'm using this sticky footer method:
http://www.cssstickyfooter.com/
But my wrapper (outlined in red) isn't going to the bottom - can someone
point out my error(s)? This page validates as both XHTML strict and CSS.
My page:
http://www.redkitecreative.com/projects/mgwa/
--
Debbie C
Chike Loney wrote:
How do I set the opacity of a div to let's say 50%
DIV, or DIV background? If the latter, here's my (partial) solution
for 25%:
.aside {
background: url(images/argb44452713.png);
*background: transparent;
On Apr 14, 2009, at 8:26 AM, David Hucklesby wrote:
How do I set the opacity of a div to let's say 50%
DIV, or DIV background? If the latter, here's my (partial) solution
for 25%:
.aside {
background: url(images/argb44452713.png);
*background: transparent;
Just out of curiosity, if i had a page with a width of 768px total, and
the rest is a subtle bg, would that be too small of a width?
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
Debbie Campbell wrote:
I'm using this sticky footer method:
http://www.cssstickyfooter.com/
But my wrapper (outlined in red) isn't going to the bottom - can
someone point out my error(s)? This page validates as both XHTML
strict and CSS.
My page:
On Mon, 13 Apr 2009 20:01:24 -0600
Came this utterance formulated by Brian Hazelton to my mailbox:
Just out of curiosity, if i had a page with a width of 768px total,
and the rest is a subtle bg, would that be too small of a width?
For a phone that can view 400px wide or a 2400px wide
32 matches
Mail list logo