Thanks for the replies everyone, I really appreciate it. :)
--
http://hulse.me
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List
Interesting:
http://www.flexiblewebbook.com/files.html
Chapter 6 example liquid-fixed_threecol.html (exactly the type of
layout I'm wanting to classify), she calls it liquid fixed. I don't
have the book, so I can't confirm anything, but that's the name of the
demo file.
Thanks again to everyone
There is a difference of meaning between fluid and liquid. Fluid is a better
descriptor for this in my opinion.
On 2012-10-16, at 1:45 PM, Micky Hulse wrote:
Thanks for the reply David, I really appreciate the help. :)
On Tue, Oct 16, 2012 at 1:21 PM, David Laakso laakso.davi...@gmail.com
[mailto:css-d-boun...@lists.css-
discuss.org] On Behalf Of Norman Fournier
Sent: Wednesday, October 17, 2012 2:51 PM
To: Micky Hulse
Cc: CSS Discuss
Subject: Re: [css-d] What's the official/technical name of...
There is a difference of meaning between fluid and liquid. Fluid is a better
descriptor
2:51 PM
To: Micky Hulse
Cc: CSS Discuss
Subject: Re: [css-d] What's the official/technical name of...
There is a difference of meaning between fluid and liquid. Fluid is a
better
descriptor for this in my opinion.
On 2012-10-16, at 1:45 PM, Micky Hulse wrote:
Thanks for the reply
You can find more info at
http://www.thesitewizard.com/webdesign/liquid-elastic-fixed-relative-layout.shtml
What's The Difference Between Liquid, Elastic, Relative, Fluid, Flexible
and Fixed Layouts?
Hakan Kirkan
IT Manager
http://miamirealestateinc.com
Miami, FL
Tel: 305.6540419
On Tue, Oct 16,
On Tue, Oct 16, 2012 at 12:47 PM, Micky Hulse mickyhulse.li...@gmail.comwrote:
... a layout where one column is fixed at, say, 200px and the other
column just fills up the space?
Everything I can find points to the word liquid or fluid.
Is a layout still liquid if one of the columns is of a
Thanks for the reply David, I really appreciate the help. :)
On Tue, Oct 16, 2012 at 1:21 PM, David Laakso laakso.davi...@gmail.com wrote:
The names given to the various layouts on this site makes sense [1]. I have
mo idea whatsoever regarding an official definition...
Thanks!
This is pretty
I call it hybrid layout.
... a layout where one column is
fixed at, say, 200px and the other
column just fills up the space?
Everything I can find points to the word liquid or
fluid.
Is a layout still liquid if one of the columns is of a fixed
width and
the other takes up the
I normally work with fixed layouts because I find that I have more
control over the ultimate appearance of the design. But lately I'm
becoming more interested in fluid or elastic layouts because of their
greater accessibility.
So, just out of curiosity -- what's your particular preference and
Glow wrote:
So, just out of curiosity -- what's your particular preference and
why?
Screens and UA windows come in all shapes and sizes and on ever more
devices. The web is flexible, and so am I - with mediaqueries to catch
edge cases for even more flexibility in the most capable User agents.
HI,
Just found an article about this:
http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/
cb
On 05/06/2009, at 11:01 PM, Bobby Jack wrote:
--- On Fri, 6/5/09, Glow glowvirt...@gmail.com wrote:
I hear what you're saying regarding fixed
On Fri, Jun 05, 2009 at 07:21:27AM -0700, Glow wrote:
one thing I wonder
about long-term with fluid layouts and increasing screen size is how
to scale content when you've got someone using a gigantic monitor (can
you visualize one-line articles stretching across three feet of screen
real
I normally work with fixed layouts because I find that I have more
control over the ultimate appearance of the design. But lately I'm
becoming more interested in fluid or elastic layouts because of their
greater accessibility.
So, just out of curiosity -- what's your particular preference and
On Fri, Jun 05, 2009 at 12:05:35AM -0700, Glow wrote:
I normally work with fixed layouts because I find that I have more
control over the ultimate appearance of the design. But lately I'm
becoming more interested in fluid or elastic layouts because of their
greater accessibility.
So, just
On 05/06/2009, at 6:32 PM, Dave Sherohman wrote:
On Fri, Jun 05, 2009 at 12:05:35AM -0700, Glow wrote:
I normally work with fixed layouts because I find that I have more
control over the ultimate appearance of the design. But lately I'm
becoming more interested in fluid or elastic layouts
I'm not sure what distinction you make between fluid and
elastic, so
I just wanted to mention that I've seen elastic as widths defined by
ems, fluid by percents and fixed set by pixels.
-Delos
__
css-discuss
Delos Woodruff wrote:
I'm not sure what distinction you make between fluid and
elastic, so
I just wanted to mention that I've seen elastic as widths defined by
ems, fluid by percents and fixed set by pixels.
-Delos
So have I and sometimes use same.
There is a distinct
I think of elastic as being a hybrid of fluid and fixed. I hear
what you're saying regarding fixed widths and wide screens (like a
postage stamp on a coffee table), but that said, one thing I wonder
about long-term with fluid layouts and increasing screen size is how
to scale content when you've
Chris Blake wrote:
The only thing that is holding me back from always working in fluid is
font-sizing.
Anyone got any good guides, links?
cb
Our friend of the list(s) Georg Sortun, has any number of layouts that
are spins on the negative-margin concept. This particular
--- On Fri, 6/5/09, Glow glowvirt...@gmail.com wrote:
I hear what you're saying regarding fixed widths and wide screens
(like a postage stamp on a coffee table), but that said, one thing
I wonder about long-term with fluid layouts and increasing screen
size is how to scale content when
On 2009/06/05 07:21 (GMT-0700) Glow composed:
one thing I wonder
about long-term with fluid layouts and increasing screen size is how
to scale content when you've got someone using a gigantic monitor (can
you visualize one-line articles stretching across three feet of screen
real estate?)
Hi People,
I added a link to the fotos in my #sitenav. Now there's a blue border
around the foto-links but I can't seem to find what's causing it.
See border here:
http://thewei.com/sandbox/scenter/
No border here (but fotos aren't links, either)
http://thewei.com/sandbox/scenter/about.php
On Mar 5, 2009, at 4:14 AM, Kim Brooks Wei wrote:
I added a link to the fotos in my #sitenav. Now there's a blue border
around the foto-links but I can't seem to find what's causing it.
See border here:
http://thewei.com/sandbox/scenter/
No border here (but fotos aren't links, either)
Subject: [css-d] What's creating this img border?
Hi People,
I added a link to the fotos in my #sitenav. Now there's a blue border
around the foto-links but I can't seem to find what's causing it.
See border here:
http://thewei.com/sandbox/scenter/
No border here (but fotos aren't
Hi.
Link: http://ikjensen.dk/test/common/index_f.html
Why are IE6 behaving like this, forming a staircase (at least locally)
out of this.
Mising some clearing or ..
--
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
Ib Jensen wrote:
Link: http://ikjensen.dk/test/common/index_f.html
Why are IE6 behaving like this, forming a staircase (at least locally)
out of this.
Described as the staircase bug on some bug lists.
Many ways to fix it, but adding the following...
.postinfo {border-bottom: solid 1px
Ib Jensen wrote:
BTW. Are there any links to descriptions of the bugs found in IE,
with some sort of explanation and solutions to them. I know (Big)
John has some, but are there others ?
Quite a few bugs presented and dissected here:
http://www.brunildo.org/test/#win
Also a good idea to
Ib Jensen wrote:
BTW. Are there any links to descriptions of the bugs found in IE, with
some sort of explanation and solutions to them. I know (Big) John has
some, but are there others ?
Some more...
http://www.satzansatz.de/css.html
http://www.satzansatz.de/cssd/onhavinglayout.html
2009/2/26 David Laakso da...@chelseacreekstudio.com:
Ib Jensen wrote:
BTW. Are there any links to descriptions of the bugs found in IE, with
some sort of explanation and solutions to them. I know (Big) John has
some, but are there others ?
Some more...
http://www.satzansatz.de/css.html
2009/2/26 David Laakso da...@chelseacreekstudio.com:
Ib Jensen wrote:
BTW. Are there any links to descriptions of the bugs found in IE, with
some sort of explanation and solutions to them. I know (Big) John has
some, but are there others ?
Some more...
http://www.satzansatz.de/css.html
My apologies for being off-topic and my thanks for the
pointers. But what is an OP? Clearly, I am one but a look
in the mirror confirmed general normality.
OP = [O]riginal [P]oster of message.
Whenever someone replies to one of my threads, I receive two
copies of each response but only
My apologies for being off-topic and my thanks for the pointers. But
what is an OP? Clearly, I am one but a look in the mirror confirmed
general normality.
Whenever someone replies to one of my threads, I receive two copies of
each response but only one copy of responses to other new topics
Afternoon Hedley
You wrote:
My apologies for being off-topic and my thanks for the pointers. But
what is an OP? Clearly, I am one but a look in the mirror confirmed
general normality.
OP = original poster
Whenever someone replies to one of my threads, I receive two copies of
each
Correct me, if I am wrong, but I don't think *a:link:visited:hover:active*
will work. I think you have to split them up:
a:visited,a:hover,a:active
{
}
Keith D.
On Tue, Aug 26, 2008 at 10:54 AM, Martha Spizziri [EMAIL PROTECTED] wrote:
Maybe I'm having a brain cramp, but I've looked at
On Aug 26, 2008, at 11:54 PM, Martha Spizziri wrote:
Maybe I'm having a brain cramp, but I've looked at this page and its
style sheets
http://www.asbpe.org/contest/2008/win08multi.htm
several times and can't figure out why
1) Unvisited links in the table show up in blue, not the
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Martha Spizziri
Sent: 26 August 2008 15:55
To: css-d@lists.css-discuss.org
Subject: [css-d] What's wrong with these links?
Maybe I'm having a brain cramp, but I've looked at this page and its
style sheets
Martha Spizziri wrote:
Maybe I'm having a brain cramp, but I've looked at this page and its
style sheets
http://www.asbpe.org/contest/2008/win08multi.htm
several times and can't figure out why
1) Unvisited links in the table show up in blue, not the brick-red color
and
2) Visited
-0400
From: Martha Spizziri [EMAIL PROTECTED]
Subject: [css-d] What's wrong with these links?
To: css-d@lists.css-discuss.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; charset=US-ASCII; format=flowed
Maybe I'm having a brain cramp, but I've looked at this page and its
style
10:54:39 -0400
From: Martha Spizziri [EMAIL PROTECTED]
Subject: [css-d] What's wrong with these links?
To: css-d@lists.css-discuss.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; charset=US-ASCII; format=flowed
Maybe I'm having a brain cramp, but I've looked at this page and its
Maybe I'm having a brain cramp, but I've looked at this page and its
style sheets
http://www.asbpe.org/contest/2008/win08multi.htm
several times and can't figure out why
1) Unvisited links in the table show up in blue, not the brick-red color
and
2) Visited links show up reversed -- white
i have a page that looks a bit like this:
hr /
asp:Label ID=Label1 runat=server Font-Bold=True Text=Name/asp:
Label
asp:TextBox ID=tb runat=server Width=200px/asp:TextBox
asp:Label ID=Label2 runat=server Font-Bold=True Text=No./asp:
Label
asp:TextBox ID=tb2 runat=server
vincent pollard wrote:
i have a page that looks a bit like this:
hr /
asp:Label ID=Label1 runat=server Font-Bold=True
Text=Name/asp: Label
I don't think the page contains such markup. Rather, you have a file
that contains it, and the _server_ then processes the markup and
generates some
vincent pollard wrote:
i have a page that looks a bit like this:
hr /
asp:Label ID=Label1 runat=server Font-Bold=True Text=Name/asp:
Label
asp:TextBox ID=tb runat=server Width=200px/asp:TextBox
asp:Label ID=Label2 runat=server Font-Bold=True Text=No./asp:
Label
asp:TextBox ID=tb2
On Sun, 8 Apr 2007, Chris Hoffman wrote:
I've been playing with overlapping text and line-height is causing me
some confusion.
This seems to be a rather confusing topic.
p span {
background-color: #ccc; /* make the lines visible */
}
I used black background for body and white
On Mon, 9 Apr 2007, Jukka K. Korpela wrote
unless I'm missing something, Windows internally expresses font sizes
in points
For the screen Windows internally expresses font sizes in pixels.
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/gdi/fon
text_8fp0.asp
The CreateFont
I've been playing with overlapping text and line-height is causing me
some confusion. There's no live page, but the code is super-simple, so
I'll post it here:
HTML:
pspanLorem ipsum consectur veni vidi . . ./span/p
CSS:
p span {
background-color: #ccc; /* make the lines visible */
}
On Apr 9, 2007, at 10:33 AM, Chris Hoffman wrote:
I've been playing with overlapping text and line-height is causing me
some confusion. There's no live page, but the code is super-simple, so
I'll post it here:
HTML:
pspanLorem ipsum consectur veni vidi . . ./span/p
CSS:
p span {
On 4/8/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
No, the computed height of the inline element (the amount of
background-colour that will be applied) depends on/includes the line-
height.
But If I set line-height to 16px, with font-size remaining at
12px, I get a gap between the
Chris Hoffman wrote:
On 4/8/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
No, the computed height of the inline element (the amount of
background-colour that will be applied) depends on/includes the line-
height.
But If I set line-height to 16px, with font-size remaining
On Sunday 2007-04-08 21:33 -0400, Chris Hoffman wrote:
font-size: 12px;
line-height: 14px;
As I understand it, the text box (inline box?) -- to which the
background-color applies -- should be 12 pixels high. The difference
between that and the line-height (14 - 12 = 2 pixels) should
One caveat is that inlined
li introduced an unknown fixed padding that I have to compensate for via
experiment (since I need to center the list in the middle). This is IE7.
I'm pretty sure what you're seeing is actually a space (as in space bar).
lia href=#Foo/a/li
lia href=#Bar/a/li
IE
The ugly part is to force a to a block. I might as well replace a with a
truely block element and change to use scripting to handle the visual cue
change / click, but that would seem overkill for a simple task like this. Is
there a strong opposition to to the way I use a above for this task?
There's nothing ugly at all about making anchors display as blocks.
Changing an element's display type is no worse than changing its font
or borders. Remember, (x)HTML is for describing the content, and CSS
is for presenting it. If it's a link, it should be marked up as a
link, not as a div with
[snip] There are prettier ways to do it
too, if you're worried about your source looking nice. One way that I use
is:
lia href=#Foo/a/li!--
--lia href=#Bar/a/li
That's neat. Could you advise why this comment trick work, and how widely
does it work across browsers?
Thanks,
Chris
That's neat. Could you advise why this comment trick work, and how widely
does it work across browsers?
It should work in all browsers. As for how it works, you know how if
you have something like:
Foo
Bar
in your HTML, it will render as Foo Bar, and not FooBar? It reduces
It should work in all browsers. As for how it works, you know how if
you have something like:
Foo
Bar
in your HTML, it will render as Foo Bar, and not FooBar? It reduces
multiple spaces, tabs, linebreaks, etc down to one space. IE is doing
that with the linebreak and any
Chris Chen wrote:
[snip] There are prettier ways to do it
too, if you're worried about your source looking nice. One way that I
use is:
lia href=#Foo/a/li!--
--lia href=#Bar/a/li
That's neat. Could you advise why this comment trick work, and how
widely does it work across browsers?
On 3/4/07, Chris Chen [EMAIL PROTECTED] wrote:
The modern way to do this, since a menu (even a horizontal one) is
just a list of links, is to use the UL element as the wrapper. The
anchors then go in the LI elements within. See for example the Listamatic
site at
Whatever reason is the span there for? There's nothing you can do with
that
construction that you can't do with just the link.
This is for a horizontal navigation bar centered on the top of the page.
To add to that, if you want to adjust the vertical alignment within a block
of text,
I just realized I only need one level of div here to achieve what I want.
Chris
Whatever reason is the span there for? There's nothing you can do
with
that
construction that you can't do with just the link.
This is for a horizontal navigation bar centered on the top of the page.
To
On 3/4/07, Chris Chen [EMAIL PROTECTED] wrote:
Whatever reason is the span there for? There's nothing you can do with
that construction that you can't do with just the link.
This is for a horizontal navigation bar centered on the top of the page.
The modern way to do this, since a menu
The modern way to do this, since a menu (even a horizontal one) is
just a list of links, is to use the UL element as the wrapper. The
anchors then go in the LI elements within. See for example the
Listamatic site at http://css.maxdesign.com.au/listamatic/
COOL! I am happily switching ul +
On 3/2/07, Chris Chen [EMAIL PROTECTED] wrote:
I can't seem to be able to style a inside span to make it centered
*vertically* inside span.
Both of these elements are inline so the only things you can adjust
are the line height and the font size. If you must for some reason
adjust them
On Fri, 02 Mar 2007 15:03:01 -0800, Chris Chen wrote:
Hi,
I can't seem to be able to style a inside span to make it centered
*vertically*
inside span.
span class=span_linka href=http://www.msn.com; Hello/a/span
On Sat, 3 Mar 2007 12:31:04 -0800, Ed Seehouse replied:
Whatever reason is
Hi,
I can't seem to be able to style a inside span to make it centered
*vertically* inside span.
span class=span_linka href=http://www.msn.com; Hello/a/span
Is there a general CSS solution for this (other than position:
relative/absolute) that works on other elements as well?
Thanks,
I can't seem to be able to style a inside span to make it centered
*vertically* inside span.
span class=span_linka href=http://www.msn.com; Hello/a/span
Is there a general CSS solution for this (other than position:
relative/absolute) that works on other elements as well?
Some more bits
Hi I noticed this strange comment markup in much of Happy Cog's new CSS
/*\*/ #branding a { overflow: hidden; } /**/
What does it do? Not #branding a { overflow: hidden; } but the
comments around it.
T
__
css-discuss
On Feb 19, 2007, at 7:31 AM, Timothy Martens wrote:
Hi I noticed this strange comment markup in much of Happy Cog's new
CSS
/*\*/ #branding a { overflow: hidden; } /**/
What does it do? Not #branding a { overflow: hidden; } but the
comments around it.
A filter to hide rule blocks
Timothy Martens wrote:
Hi I noticed this strange comment markup in much of Happy Cog's new CSS
/*\*/ #branding a { overflow: hidden; } /**/
What does it do? Not #branding a { overflow: hidden; } but the
comments around it.
T
That's the commented backslash hack. Commonly used to
James,
James Eaton wrote:
In this test I have two forms, each with text input field and submit
button. In the top example the button is a standard type=submit, and
the two items line up as I'd expect. In the bottom one I use a
type=image button. What causes the vertical alignment
James Eaton wrote:
http://dm126.mediaodyssey.com/form.htm
Hmm, maybe
.sitesearch input {vertical-align: bottom;} ?
probably other Browsers don't like this, so serve it to IE only.
Ingo
--
http://www.satzansatz.de/css.html
James Eaton wrote:
What causes the vertical alignment offset in the
bottom example?
http://dm126.mediaodyssey.com/form.htm
I have no idea what's causing it, but in Firefox any value of
vertical-align will change the alignment, vertical-align:top gives
the best result.
Don't forget that IE
In this test I have two forms, each with text input field and submit
button. In the top example the button is a standard type=submit, and
the two items line up as I'd expect. In the bottom one I use a
type=image button. What causes the vertical alignment offset in the
bottom example?
I'll try to style a button or submit element and build this class for
they:
button, submit {
border-color: #00;
border: 1px solid;
font: bold 10px Tahoma;
border-style: outset;
background: #72BFCF;
}
But button or submit element don't change? Why ?
Thanks now works as a button but I have a problem. How I can ersize the
button? I try in this way
***
button, submit {
border-color: #00;
border: 1px solid;
font: bold 10px Tahoma;
border-style: outset;
background: #72BFCF;
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */
It's actually three hacks combined with the ultimate purpose of
delivering a minimal height exclusively to IE/Win.
/* \*/ = commented backslash hack hides rules from IE/Mac, which
doesn't recognize the end of the comment because of a bug
Gavin Jackson wrote:
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */
Thanks to all of those that replied to my question
about the hacks. I'm amazed at the hoops one must
jump through to get something to display the same
in all browsers. I can see that this isn't something
can be
Hides CSS from IE5 Mac - called commented backslash hack I think.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gavin Jackson
Sent: Tuesday, 27 September 2005 1:26 p.m.
To: css-d@lists.css-discuss.org
Subject: [css-d] What's this hack for?
I have
On 27 Sep 2005, at 10:25 am, Gavin Jackson wrote:
I have a page that I'm pulling apart so I can figure out
how it works as I'm new to CSS but would love to master it.
The style sheet has the following at the top of the file:
/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */
Two hacks in a
80 matches
Mail list logo
