On Mon, Dec 27, 2010 at 9:00 AM, David Laakso
da...@chelseacreekstudio.comwrote:
http://chelseacreekstudio.com/fa/
Comments and suggestions appreciated.
From a user experience standpoint, once I click to show/hide details, I'd
prefer it remember that setting for next/previous images. It
On 12/28/10 8:45 AM, Chris Akins wrote:
On Mon, Dec 27, 2010 at 9:00 AM, David Laakso
da...@chelseacreekstudio.comwrote:
http://chelseacreekstudio.com/fa/
Comments and suggestions appreciated.
From a user experience standpoint, once I click to show/hide details, I'd
prefer it remember
I was playing a little with SVG as background-image, which offer a very
promising alternative to .png images in the context of high resolution screens
and full page zoom (the images remain very crisp, independently of the device
resolution or zoom level and file size is much smaller than png
I'm just learning about CSS. So no pretensions here.
I want to make a liquid 3-column layout where the center column fills what
ever space is left after setting widths (as percents) for the left and right
columns.
I'd like to set a min-height on the center column--but I want to keep it
simple, so
Hello Everyone,
I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.
http://45minutestonowhere.com/
I want the background image (container) to be right up to the top of the
browser.
Thoughts? (I must be missing something
Hi Greg,
Here's the problem:
#header {
margin: 50px 10px 10px 30px;
}
On Dec 28, 2010, at 12:11 PM, Greg Wilker wrote:
Hello Everyone,
I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.
As German pointed out, the top margin of div#header is the cause.
Since div#container does not have top padding or a top border, the top
margin of its child (div#header) collapses through.
~Chetan
__
css-discuss
On 29/12/2010 4:11 AM, Greg Wilker wrote:
Hello Everyone,
I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.
http://45minutestonowhere.com/
I want the background image (container) to be right up to the top of the
Tim Climis wrote:
#left {
float: left;
width: 30%;
}
#right {
float: right;
width: 25%;
}
#center {
margin-left: 30%;
margin-right: 25%;
min-height: 12em; /* min-height does not work in IE6 */
}
The problem is surely in the
On Tue, 28 Dec 2010, Greg Wilker wrote:
Hello Everyone,
I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container div/element.
http://45minutestonowhere.com/
There's more than that to worry about:
How come the header is pushing it down if it is contained within the
contain element?
Do I have to do a position relative?
inquiring minds,
Greg
_
From: Germán Martínez [mailto:ger...@martinez.pe]
Subject: Re: [css-d] body has a top-margin that I can not figure out
Hi
Leif Halvard Silli wrote:
When you say 'two or more unrelated effects', then I think we should
discuss whether it *is* two unrelated effects. I don't really see that
it is.
OK, let me try to explain, based on your web page in which you
raise this idea, and with some real TOCs to demonstrate
On 12/28/10 11:36 AM, Colin (Sandy) Pittendrigh wrote:
I want to make a liquid 3-column layout where the center column fills what
ever space is left after setting widths (as percents) for the left and right
columns.
If I understand what you are attempting, a spin on negative-margin
layout
From: Chris F.A. Johnson [mailto:ch...@cfajohnson.com]
Subject: Re: [css-d] body has a top-margin that I can not figure out
On Tue, 28 Dec 2010, Greg Wilker wrote:
Hello Everyone,
I've got a site I am starting on and I can not figure out why there is a
padding or margin with the container
OK So I have figured out how to left align, now I am trying to figure out
if there is a way to have the images start a second column when a fixed
height is reached instead of continuing downward forever.
http://www.ecoitsf.com/test/index.html
Matthew P. Johnson | Eco I.T.
708 Bay Road
OK So I have figured out how to left vertically align, now I am trying to
figure out if there is a way to have the images start a second column when a
fixed div height is reached instead of continuing downward forever. I am
trying to accomplish this without using a table. :)
On Tuesday, December 28, 2010 04:41:10 pm Matthew P. Johnson wrote:
OK So I have figured out how to left vertically align, now I am trying to
figure out if there is a way to have the images start a second column when
a fixed div height is reached instead of continuing downward forever. I am
For the slideshow on this page:
http://www.redkitecreative.com/projects/acbl/
What I'd like to do is have a bottom-margin of 10px on the caption,
#ss-text, so that the grey box below it moves down when needed rather
than just sitting at 20px below the slideshow image as it does now. So
far
Hi,
the div#ss-box has a fixed height of 278px. The div#ss-text lies within
that other div. If the div#ss-box had overflow: hidden, you would
recognize that the contents of the div#ss-text were cropped. So 1st I
would remove the definition of the height if the div#ss-box.
But: that will
On Tuesday, December 28, 2010 04:41:10 pm Matthew P. Johnson wrote:
OK So I have figured out how to left vertically align, now I am trying
to figure out if there is a way to have the images start a second
column when a fixed div height is reached instead of continuing
downward forever. I am
On Dec 29, 2010, at 2:45 AM, Greg Wilker wrote:
How come the header is pushing it down if it is “contained” within the
contain element?
you should read up on margin -collapsing
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
Anyone with a cleaner suggestion ? Bonus cookie for the most minimal code
possible.
Cleaner, no, but the usual nonsense will probably work...
http://www.gunlaug.no/contents/styles/target-browser.css
(I don't care much for cookies anyway :-) )
Happy New Year (check our latest...)
On Dec 29, 2010, at 10:34 AM, G.Sørtun wrote:
Anyone with a cleaner suggestion ? Bonus cookie for the most minimal code
possible.
Cleaner, no, but the usual nonsense will probably work...
http://www.gunlaug.no/contents/styles/target-browser.css
Thanks Georg. I had forgotten about
The top part of this webpage currently has the website name and a donations
box and is set on a white background which it is obtaining from the
container div.
I want to change the background of this part of the website (the bit above
the red menu) to a different colour.
When i add a background
Hi Lisa,
Because both divs are floated, the header has no height.
You could either define a height for #header height: 156px; or use overflow:
hidden;
(I'm not sure if overflow:hidden; will work in IE6).
Good luck!
On Dec 28, 2010, at 11:11 PM, Lisa Frost wrote:
The top part of this
2. how to align images from right to left instead of the default left to
right?
when photos are added to the beginning
of the list the older photos move into position after new photo.
I have a solution that *might* be of help:
http://roughtech.com/t/picalign.html
However, there are some
On Wed, Dec 29, 2010 at 11:25 AM, Germán Martínez ger...@martinez.pewrote:
Hi Lisa,
Because both divs are floated, the header has no height.
You could either define a height for #header height: 156px; or use
overflow: hidden;
(I'm not sure if overflow:hidden; will work in IE6).
Good
On Dec 29, 2010, at 1:30 PM, Lisa Frost wrote:
Thanks, i should have tried height first, but only thought of it after i had
sent the email. Adding height works. Can anyone clarify if overflow:hidden
works in IE6?
And if it does, should i be using that instead of height? or is it a case of
On Dec 29, 2010, at 10:32 AM, Tim Climis wrote:
CSS3 column extensions, probably, but those are
currently only supported by Firefox, I'm pretty sure.
CSS3 multi column is also supported by Webkit based browsers, fwiw.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
height is not a good solution, as the height of the floated elements can
change with the user font size.
Min-height is a better option (but is not supported by IE6).
overflow:hidden will work in IE 6 providing you also trigger 'hasLayout'.
See [1] below for all the details.
[1]
Following on from earlier when i was advised to use overflow:hidden to get
my div to expand, i've redone my template to include this plus what i think
is the correct way to trigger haslayout for IE6
However since i have
a) never before added a conditional comment to a webpage!
b) added a second
On 29/12/2010 2:26 PM, Philippe Wittenbergh wrote:
On Dec 29, 2010, at 10:34 AM, G.Sørtun wrote:
Anyone with a cleaner suggestion ? Bonus cookie for the most
minimal code possible.
Cleaner, no, but the usual nonsense will probably work...
Using media queries to hack is getting beyond
-Original Message-
From: Chetan Crasta [mailto:chetancra...@gmail.com]
Sent: Tuesday, December 28, 2010 8:26 PM
To: Matthew P. Johnson
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] image layout question
2. how to align images from right to left instead of the default left to
-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Chetan Crasta
Sent: Tuesday, December 28, 2010 8:26 PM
To: Matthew P. Johnson
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] image layout question
2. how to align
The easiest way (in my experience) to trigger hasLayout is with the
proprietary zoom:1 . You can put this declaration within a conditional
comment so that your page will validate.
For accurate IE6 testing, you can download MS's OS images and install
them in VirtualPC or VirtualBox:
On Dec 29, 2010, at 3:44 PM, Alan Gresley wrote:
Working correctly in IE9. Just thinking though, what happens when Gecko
supports the slash / syntax?
When Gecko, or WebKit for the matter, start supported the full CSS 3 background
shorthand, it will use it and my ugly little hack won't be
36 matches
Mail list logo