Here's one:
http://www.webdesignshock.com/one-page-website/
and here's another one, although vertical, but IMHO worth a visit:
http://www.netmagazine.com/tutorials/building-parallax-scrolling-storytelling-framework
HTH,
Jørgen
Am 07.02.12 19:39, schrieb vi...@graymatterstudios.ca:
Does
Elli,
As Philip Taylor has correctly pointed out, the URI you used in your
style sheet is a relative URI.
The CSS specification (http://www.w3.org/TR/CSS2/syndata.html#uri) has
this to say about relative URIs:
For CSS style sheets, the base URI is that of the style sheet, not that
of the
Am 04.01.12 23:26, schrieb Kathy Wheeler:
On 01/05/2012, at 8:52 AM, Joergen W. Lang wrote:
For future projects you might also consider using a web font
service such as Fontsquirrel to avoid other web font-related
issues.
What are the other web font-related issues you refer to here
Am 05.01.12 01:05, schrieb Kathy Wheeler:
On 01/05/2012, at 9:53 AM, Joergen W. Lang wrote:
Am 04.01.12 23:26, schrieb Kathy Wheeler:
On 01/05/2012, at 8:52 AM, Joergen W. Lang wrote:
For future projects you might also consider using a web font
service such as Fontsquirrel to avoid other
Am 28.12.11 11:39, schrieb Ghodmode:
On Mon, Dec 26, 2011 at 9:27 PM, Aaron Grayaaronngray.li...@gmail.com wrote:
Is there another way with HTML 4.01 strict to vertically and horizontally
centre animg within a page other than boxing it bydiv's and turning
them into 'display: table' and
A Google search for media queries gives me these:
http://www.w3.org/TR/css3-mediaqueries/
http://www.w3.org/TR/CSS2/media.html#at-media-rule
hth,
Jørgen
Am 27.12.11 19:51, schrieb Peng Yu:
-webkit- is a vendor specific prefix,
I think that you misunderstood my question. My question was
The following links might be of help.
The lists very own wiki:
http://css-discuss.incutio.com/wiki/Multiple_Classes
An article discussing the usage of multiple classes (and related other
things):
http://css-tricks.com/multiple-class-id-selectors/
More info in the specs:
I've come across some sites that use the following code in the head
section:
style type=text/css style=display:none
I suspect it is there to either
a) prevent people from exposing their code
b) prevent search engines from seeing their code
Is there any documentation of this?
Pointers,
Am 12.12.11 12:48, schrieb Jukka K. Korpela:
2011-12-12 13:08, Joergen W. Lang wrote:
I've come across some sites that use the following code in the head
section:
style type=text/css style=display:none
It would be interesting to see some sample URLs, as that could let us
find out why
Am 12.12.11 15:42, schrieb Jukka K. Korpela:
2011-12-12 15:50, Joergen W. Lang wrote:
style type=text/css style=display:none
It would be interesting to see some sample URLs, as that could let us
find out why they are doing that.
http://www.quirksmode.org/
http://www.thecssninja.com/demo
Hello everybody,
looking into the possibilities of CSS media queries I found several
sources that recommend using
/min-device-pixel-ratio/ (and friends) to check for high-resolution
screens. Apparently this is implemented in the form of several prefixed
versions in webkit, Opera and Gecko.
Am 29.11.11 17:11, schrieb David Laakso:
On 11/29/11 8:58 AM, Joergen W. Lang wrote:
looking into the possibilities of CSS media queries I found several
sources that recommend using /min-device-pixel-ratio/ (and
friends) to check for high-resolution screens. Apparently this is
implemented
Dear list,
I am currently researching practical applications of the 'braille' media
type (not speech/aural). Maybe someone has some insight into the
following questions:
Are there any particular properties/values that are actually recognized
by 'refreshable braille displays'?
Are there any
[styling a table]
I use the following rule to style the first (tbody) column of a table:
tbody td:first-child {
font-weight: bold;
border: 3px solid orange;
}
If the tfoot has a colspan 1, the border-bottom of the last cell spans
across as many cells as are defined in colspan.
[selecting specific elements in a table without id or class attributes]
Looking for a more elegant and versatile replacement for this:
tr:first-child + tr + tr + tr td:first-child,
tr:first-child + tr td:first-child + td,
tr:first-child + tr + tr td:first-child + td + td + td,
Philippe Wittenbergh:
On Aug 4, 2011, at 5:45 PM, Joergen W. Lang wrote:
I thought, this might work just as well (especially for tables with a lot of
rows and cells):
tr:nth-child(0n+4) td:nth-child(0n+1),
tr:nth-child(0n+2) td:nth-child(0n+2),
tr:nth-child(0n+3) td:nth-child(0n+4),
tr:nth
Am 04.08.11 13:31, schrieb Philippe Wittenbergh:
On Aug 4, 2011, at 6:52 PM, Joergen W. Lang wrote:
Culprit: Safari 5.1/OS X 10.6.8 Test page:
www.joergen-lang.de/test/nthchild-cells.html
[...]
The problem only occurs when working with a local copy with S5.1.
Newer webkits play along
Am 04.08.11 16:46, schrieb Philippe Wittenbergh:
That indeed fixes it. Omitting tfoot appears to be OK.
Of course - the tfoot comes after the tbody in the rendering, and
thus the counting of rows.
Error on my side. I was mistaken because tfoot needs to be defined
before tbody.
When
To define a grey semi-transparent background on a given element one
could use the following rule:
.semi-transparent {
background: url('images/semi-transparent.png') grey;
background: rgba(50%,50%,50%,0.5);
}
This is supposed to define a double-fallback:
* browsers that do understand
Am 12.07.11 19:00, schrieb Barney Carroll:
The parsing logic is sound since browsers that don't understand a
given syntax on a rule will ignore it, and since the rule declares
the entirety of the background property, those that can parse rgba
syntax will overwrite the background image defined
Am 09.07.11 09:32, schrieb Chris Blake:
Hey,
I am making a website that will be in two languages, English and
Chinese. I am going to use my own webfonts but the font I am using for
the English side doesn't have Chinese variations. I have found another
font for the Chinese and was wondering
Am 09.07.11 19:50, schrieb Jukka K. Korpela:
2011-07-09 19:58, Joergen W. Lang wrote:
font-family: 'englishfont', 'chinesefont', Arial, sans-serif;
[...]
This fallback does not work for *single characters* in the font.
That depends on the browser.
Is there a list of browsers
Dear readers,
I am looking for a list of browsers that support the pseudo classes and
elements that are defined in the CSS3 Basic User Interface module:
http://www.w3.org/TR/css3-ui/
(E.g. :optional, :in-range, :required, etc.)
Since the UI module has CR status since over 6 years one
Am 01.07.11 18:27, schrieb Joergen W. Lang:
Dear readers,
I am looking for a list of browsers that support the pseudo classes and
elements that are defined in the CSS3 Basic User Interface module:
http://www.w3.org/TR/css3-ui/
(E.g. :optional, :in-range, :required, etc.)
OK - found them
Am 27.05.11 02:54, schrieb Philippe Wittenbergh:
Setting the column-width in percentages make it
work the same in Safari 5 as Gecko 1.9.2+, WebKit nightlies/Chrome.
I re-checked with the spec [1]. There it says:
Name:column-width
Initial: auto
Percentages: N/A
No percentage in
Am 27.05.11 02:54, schrieb Philippe Wittenbergh:
On May 26, 2011, at 11:53 PM, Joergen W. Lang wrote:
http://www.joergen-lang.com/test/multicol.html
This works fine in recent FFs. Chrome seems to eat the line above
the image. Safari drops the floated image completely.
Implementation
Dear all,
I am trying to cook up an example of the CSS3 multiple columns layout
module with a floated image in the text. Test page is here:
http://www.joergen-lang.com/test/multicol.html
This works fine in recent FFs. Chrome seems to eat the line above the
image. Safari drops the floated
Am 12.05.11 03:07, schrieb Philippe Wittenbergh:
On May 10, 2011, at 6:51 PM, Joergen W. Lang wrote:
According to the spec (1) the values for 'font-size' and
'font-family' must be specified at all times.
Correct. E { font: 1em/1.5 'my font' sans-serf;} is the minimal
syntax.
I guess
Hello everybody,
I am currently playing with the 'font' shorthand property. According to
the spec (1) the values for 'font-size' and 'font-family' must be
specified at all times.
Meanwhile, 'font' also serves as the only way to set a system font as a
value for 'font-family'.
Furthermore
Am 21.03.11 00:27, schrieb Keith Purtell:
I'm trying to create a navigation panel with six links. I want it to
appear as a horizontal rectangle with three links across the top
and three directly below (all centered on a page). I'm not sure whether
I should use my usual unordered list and then
If I understand your question correctly, something like the stuff below
might work for you. I used the following HTML, based on your example:
p1st paragraph/p
p2nd paragraph/p
h2Some heading/h2
p3rd paragraph/p
p4th paragraph/p
p5th paragraph/p
and this CSS:
p { color: green; }
Am 21.05.10 16:07, schrieb Eric A. Meyer:
At 3:54 PM +0200 5/21/10, Joergen W. Lang wrote:
Ignore it. IE5.x/Mac is dead.
So, some would say, is IE5.0/Win, and yet just last year I had a
client whose user traffic was 14% IE5.0/Win. That translated to
approximately one million users
Ignore it. IE5.x/Mac is dead.
J.
Am 21.05.10 13:33, schrieb Ellen Herzfeld:
For IE Mac, I don't know what to do. I would like to serve it the
same simplified stylesheet but it seems conditional comments don't
work for IE Mac. What would be the best alternative that will leave
the smallest
Am 21.04.10 20:22, schrieb Kamil Saiyed:
Hello everyone:
I trying to override background-image in this:
(code slightly condensed for legibility)
#container ul li, #content .module ul li{
background:url(../images/marker_liink.gif) 0 5px no-repeat;
/*This needs to be
One possible way might be:
#content-bottom {
margin-top: -200px; /* or something more appropriate */
}
Joergen
Am 19.04.10 01:00, schrieb Jenni Beard:
Hi all,
I am racking my brains to see if there's a way to do this, and not getting
anywhere.
I have a header, a content area, and
Start with the group's FAQ
- http://css-discuss.incutio.com/wiki/Main_Page
continue with
- http://www.positioniseverything.net/
books (depending on your level of skill and curiosity):
CSS Cookbook (problem-solution oriented):
- http://oreilly.com/catalog/9780596155940/
CSS The Definitive Guide
Am 08.04.10 02:26, schrieb David Laakso:
[...]
Joergen, in your example try (assuming we all share a sense of humor)?
img#rings {
/*delete width: 50%;*/
max-width: 50%; /*add*/
height: auto; /*add*/
z-index: 10;
}
I guess, in the end it depends on what the OP *really* wants.
Am 07.04.10 21:45, schrieb Conjurer:
[...]
It is about 520 x 520 px. I set it to be fixed position at the
bottom 0 and left 0 - and a z-index to place it in front of
everything.
Not quite, but see below.
It looks great (to me) when I look at it on a screen with 1024x768
resolution
38 matches
Mail list logo