Heya all again,
I managed to get three fluid blocks to align horizontally with even
gaps by wrapping an external div around each to remove the effects of
the added borders on the blocks sizes which was causing the problems
previously.
The second group I still can't achieve the same. This is
Good morning CSS-d list
Do you know of a font-size checker. I don't fully trust firebug's layout
measurement when it comes to font-sizes, as I think it gives a value for the
entire area that the font covers rather than the equivalent value in
pixels. Or am I wrong and I should trust firebug?
I
Do you know of a font-size checker. I don't fully trust
firebug's layout
measurement when it comes to font-sizes, as I think it gives
a value for the
entire area that the font covers rather than the equivalent value in
pixels. Or am I wrong and I should trust firebug?
Not sure what you
On Tue, 11 Sep 2007, Kristina Floyd wrote:
Do you know of a font-size checker.
Please explain what you mean by font-size checker. Do you mean software
that shows you the actual font size used in some piece of a web page?
Using Firefox extensions like the Web Developer Extension or Firebug is
Hi Georg,
Thanks very much for the (off-list) reply. It didn't get as much discussion
as I'd hoped, but about as much as I deserve, as I've been a very disengaged
lurker the last couple of years.
http://www.fjordaan.net/tests/nav-test.html
When you want to replicate an HTML table with CSS,
Hi Nick
Firstly I'd just like to reassure you that I hate the requirement of pixel
perfection and understand it is not possible, We should be educating our
clients and designers that embracing the web for its fluidity is what we
should be aiming for, and not railing against it. I am an advocate
Hi Jukka
Please explain what you mean by font-size checker. Do you mean software
that shows you the actual font size used in some piece of a web page?
Using Firefox extensions like the Web Developer Extension or Firebug is
probably the most common approach.
For example in firebug, I can
Then the client will compare the design they've
seen mocked up
in Photoshop with the online version, and something that I
get back as a
bug, time and time again is that the font-sizes don't match.
(we're talking
out by 1 or 2 pixels here, not massive differences)
They're testing
On Tue, 11 Sep 2007, Kristina Floyd wrote:
For example in firebug, I can trace the font-size back to the original value
that it was set at in the body tag. What I'd like is to be able to select
some text and to be given the equivalent value in pixels or pts, as I'm
unsure that the value
On 11/09/2007, Nick Fitzsimons [EMAIL PROTECTED] wrote:
They're testing their font-sizes by taking a screen shot and
then using a
tool such as photoshop to measure and compare the pixel value.
Your clients really need to get out more :-)
Hehe, yes couldn't agree more! When it's their
On 11/09/2007, Jukka K. Korpela [EMAIL PROTECTED] wrote:
On Tue, 11 Sep 2007, Kristina Floyd wrote:
For example in firebug, I can trace the font-size back to the original
value
that it was set at in the body tag. What I'd like is to be able to select
some text and to be given the equivalent
On Tue, 11 Sep 2007, Kristina Floyd wrote:
Do you mean the way Nick just described using the 'show computed style'
feature of Firebug?
Yes. I keep forgetting how Firebug works and how you can find that
particular feature, and other features; that's what I meant by
confusing. (I tried looking
(I tried looking at the DOM pane, where it lists the
properties of an element in the DOM tree, including the
style property,
with CSS properties under it - but with empty values, for
some odd reason.)
That property reflects the style attribute of the element; so it only
contains any
WEZ! wrote:
http://www.newearthpermaculture.com.au/bm/BusMentorMenu23.htm
I'm sure there is a way to achieve this outcome but with a variety of
layout trials I still cant' crack it.
Normally one can achieve what you're after by using one of the old
3-columns solution.
Two basic
Hi all,
I'm developing a site based on the 'holy grail' 3col liquid layout [1].
Site: http://devel.legionpost130.org/
sub-page url:
http://devel.legionpost130.org/index.php?history (for long content)
CSS: http://devel.legionpost130.org/styles/legionpost130.css
I've added a min-height and
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Ray Leventhal
Sent: 11 September 2007 15:02
To: css-d
Subject: [css-d] liquid 3col - header questions
Hi all,
I'm developing a site based on the 'holy grail' 3col liquid layout [1].
Site: http://devel.legionpost130.org/
snip
Because you have used min-height and min-width, the log doesn't appear in
IE6 at all. (IE6 doesn't recognise min-width or min-height). In fact the
whole site looks, well, odd.
In the header div there is an extraeneous */ at line 131 which may be
affecting things thereafter.
Ian
IY
Ray Leventhal wrote:
I'm developing a site based on the 'holy grail' 3col liquid layout
[1].
http://devel.legionpost130.org/
I don't often speak up against a solution, but I'd advice you to stay as
far away from the mentioned 'holy grail' as you possibly can.
It is one of the least tested,
I would like to create a page that have the title and nav menu
aligned at the top, something like this
X N
X
X
I have this code
body
div
I don't often speak up against a solution, but I'd advice you to stay as
far away from the mentioned 'holy grail' as you possibly can.
It is one of the least tested, prepared and cross-browser reliable
solutions released onto the web in later years.
It provokes too many bugs and
I did not get back into working the peekaboo problem, hopefully in the
next day or so. However, I ran into a similar gap problem with
mootools/accordion. I had to add a padding into my #vnav .accordion
style something like:
#vnav .accordion {
padding: .1em 0em; /* OR */
padding: 1px 0px;
}
WenChen wrote:
Hi
The following page use prototype accordion effect,
it look fine in ff, but in ie it shows big space between each accordion
header
http://newped2.auckland.ac.nz/coursebuilder/11/publish/1/3.html
Is it a peekaboo problem?
Any help you could offer would be really
Jan Erik Moström wrote:
I would like to create a page that have the title and nav menu
aligned at the top, something like this
X N
X
X
Hello,
I am wondering if anyone knows what the asterisks in the following CSS do:
#mainNav, #secondaryContent {
padding-top: 20px;
padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
padding-left: 20px;
padding-right: 20px;
}
#mainNav * *, #secondaryContent * * {
padding-left: 0;
Please can someone tell me why the right hand div is overlapping the
main text area
http://www.philturner-uk.com/trish/
Many Thanks
Phil T
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
Mark Henderson wrote:
Well, since you have an *idea* of the problem at hand, and the symptoms
would certainly indicate you are correct, try the standard peekaboo
fixes:
http://www.positioniseverything.net/explorer/peekaboo.html
Give hasLayout to the content div that contains the floats and
hi
On 9/11/07, Julian Tulip's Licorice [EMAIL PROTECTED] wrote:
I am wondering if anyone knows what the asterisks in the following CSS do:
yes.
I would love some insight
the answer was on the first page i found when i searched for css
asterisk. you can probably do this search yourself.
my
Raumin Ray Dehghan wrote:
Colleagues,
does anybody have any recommendations of books and/or websites that explain
css
layout in very simple, straightforward language?
For example, i'm trying to understand why pixels seem to be easier to work
with than percentages, etc.
Thanks very much.
On 9/11/07, Julian Tulip's Licorice [EMAIL PROTECTED] wrote:
my guess is that the double asterisk is a typo or misunderstanding of
css selectors.
On the contrary, they are a very clever technique devised by one of the
world's leading CSS experts (who also happens to be admin of this list - hi
john saylor wrote:
hi
On 9/11/07, Julian Tulip's Licorice [EMAIL PROTECTED] wrote:
I am wondering if anyone knows what the asterisks in the following CSS do:
yes.
I would love some insight
the answer was on the first page i found when i searched for css
asterisk. you
john saylor wrote:
my guess is that the double asterisk is a typo or misunderstanding of
css selectors.
It's a pretty neat trick actually.
#secondaryContent *
Means /everything/ that is inside secondaryContent would get 20px padding.
#secondaryContent * *
Means that those objects inside
David Laakso [EMAIL PROTECTED] 07-09-11 12:19
Jan Erik Moström wrote:
I would like to create a page that have the title and nav menu
aligned at the top, something like this
X N
X
I am wondering if anyone knows what the asterisks in the following CSS
do:
#mainNav, #secondaryContent {
padding-top: 20px;
padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
padding-left: 20px;
padding-right: 20px;
}
#mainNav * *, #secondaryContent * * {
padding-left: 0;
Julian Tulip's Licorice wrote:
I am wondering if anyone knows what the asterisks in the following
CSS do:
The asterisk is a universal selector - targeting any element.
#mainNav, #secondaryContent { padding-top: 20px; padding-bottom:
20px; }
Targeting #mainNav and #secondaryContent.
On 9/11/07, Julian Tulip's Licorice [EMAIL PROTECTED] wrote:
my guess is that the double asterisk is a typo or misunderstanding of
css selectors.
On the contrary, they are a very clever technique devised by one of the
world's leading CSS experts (who also happens to be admin of this list - hi
* is the unversal selector. That means it matches all elements. And
that means all elements (including html, head, body etc)
#foo * selects any element which is a descendant of #foo.
my guess is that the double asterisk is a typo or misunderstanding of
css selectors.
No.
It's a common
Jan Erik Moström wrote:
David Laakso [EMAIL PROTECTED] 07-09-11 12:19
Jan Erik Moström wrote:
I would like to create a page that have the title and nav menu
aligned at the top, something like this
X
N
I am wondering if anyone knows what the asterisks in the following CSS do:
#mainNav, #secondaryContent {
padding-top: 20px;
padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
padding-left: 20px; padding-right: 20px;
}
#mainNav * *, #secondaryContent * * {
padding-left: 0;
For past couple years I have not spent a great deal of time working
on web sites and have lost touch with css/xhtml.
Am now working on a new site and I cannot seem to find new
information on bookmarking.
Initially, the style was a name= id=subject/a HTML Tidy
doesn't seem to condone that.
Jason,
I've used CSS The Missing Manual and CSS Mastery Advanced Wed
Standards Solutions. CSS Mastery.. covers your topic more completely
than the Missing Manual Both discuss the impact on IE 5.x and
lower browsers.
Good Luck!
Deb
Raumin Ray Dehghan wrote:
Colleagues,
does anybody
With the newest browsers at hand and several established best practices for
CSS and Javascript, the graphic designers now have more visual possibilities
then a few years ago.
Im trying to make an overview of these possibilities. With the release of
IE7, utilizing PNGs with transparency is
Andreas R. Johnsen wrote:
I’m trying to make an overview of these possibilities. With the release
of IE7, utilizing PNGs with transparency is one of the most obvious.
What other new visual possibilities deserve praise?
APNG in FF3 and IE7's font rendering. As I understand it, FF3 will
On 9/11/07, Laurie Davis-Covin [EMAIL PROTECTED] wrote:
Am now working on a new site and I cannot seem to find new
information on bookmarking.
I'm assuming you're talking about linking to subsections within a page
using anchor tags (a).
Initially, the style was a name= id=subject/a HTML
This seems so basic that I can't believe I actually need to ask it… and
if my copy of IE(Win) wasn't playing up I could run a test myself. But
it is, and I can't, so here goes:
We know that text specified in px is a Bad Idea. What I want to know is:
does the inability to resize px-sizedtext fonts
On Tue, 11 Sep 2007, Rick Lecoat wrote:
We know that text specified in px is a Bad Idea. What I want to know is:
does the inability to resize px-sizedtext fonts in IE Win get inherited
if the child text is specced in something else (ems, say)?
Basically, yes. It has nothing to do with
Rick Lecoat wrote:
We know that text specified in px is a Bad Idea. What I want to know is:
does the inability to resize px-sizedtext fonts in IE Win get inherited
if the child text is specced in something else (ems, say)?
Eg:
body {font-size: 14px}
h1 {1.8 em}
Would the h1 still be
On 11/9/07 (22:12) David said:
If you know it is a bad idea, why would you do it?
Oh, same reason those scientists in old films like to get a brain-
damaged ape and a blonde from Central Casting and plug them both into a
pair of electric switching helmets.
Theoretical knowledge for its own
On Tue, 2007-09-11 at 08:46 -0700, Alan Gresley wrote:
#navcontainer {
background-color: #FF;
width: 169px;
float: left;
margin-top: 10px;
}
Is the problem fixed if negative margins are added as such below.
#navcontainer {
From: Bob Meetin - www.dottedi.biz [mailto:[EMAIL PROTECTED]
Sent: Wednesday, 12 September 2007 4:53 a.m.
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Peekaboo perhaps - resolved
Honestly though, I tried reading the peekaboo manuscript and got to
the
resolution, but seriously for
Rick Lecoat wrote:
I was just curious about whether pixels might become resizable if re-
specced in a different unit deeper into object hierarchy, ie. if the
em unit would override the px unit.
You will make IE/win start resizing normally again if you use
relative-size keywords on
On Wed, 12 Sep 2007, Gunlaug Sørtun wrote:
You will make IE/win start resizing normally again if you use
relative-size keywords on elements/wrappers _after_ an absolute
font-size value on body (or wherever the font-size further in is
calculated from).
Pardon? Can you please provide a demo
Is it possible to use CSS selectors to define repeating patterns of styles
down a page? For example, here's what I want to do (simplified):
The markup would look like this:
div id=repeat
pThis is red./p
pThis is green./p
pThis is blue/p
pThis is RED./p
pThis is GREEN./p
pThis
Here's a sample file of what I'm trying to do.
http://www.serpentvenom.com/results.htm
If you look at it on FF, it looks great. IE is another matter.
The problem is that the background image of the td is overriding the
background image set for the tr.
If I remove the background property rule
* Jeff Jansen wrote:
Is it possible to use CSS selectors to define repeating patterns of styles
down a page? For example, here's what I want to do (simplified):
http://www.w3.org/TR/css3-selectors/#nth-child-pseudo can do that, but
it hasn't been widely implemented yet; you can emulate the effect
That's a job for some unobtrusive javascripting to set alternating
classes for you on page load.
--
E. Michael Brandt
www.divaHTML.com
divaPOP : standards-compliant popup windows
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com
JustSo
Jukka K. Korpela wrote:
On Wed, 12 Sep 2007, Gunlaug Sørtun wrote:
You will make IE/win start resizing normally again if you use
relative-size keywords on elements/wrappers _after_ an absolute
font-size value on body (or wherever the font-size further in is
calculated from).
Pardon?
On Sep 12, 2007, at 10:50 AM, Gunlaug Sørtun wrote:
You will make IE/win start resizing normally again if you use
relative-size keywords on elements/wrappers _after_ an absolute
font-size value on body (or wherever the font-size further in is
calculated from).
Pardon? Can you please
Hi everyone. I am trying to achieve an expanding caption box that will
go under an image, and will be the size of that image based on their
parent div which would be based on the size of the image.
so i wrote this html which puts both image and caption inside a div
which is the parent.
div
On Sep 12, 2007, at 9:11 AM, sandy wrote:
Hi everyone. I am trying to achieve an expanding caption box that
will
go under an image, and will be the size of that image based on their
parent div which would be based on the size of the image.
[...]
div id=image_and_caption
img
Philippe Wittenbergh wrote:
http://www.gunlaug.no/tos/moa_20a.html
Works as advertised with IE 7. Surprise.
I don't know whether to write it off as a bug or as a browser-specific
feature. It is definitely an unexpected effect, as Jukka mentioned.
Naughty Georg.
:-)
( meow! )
I wouldn't
Omitade Adediran wrote:
I have been reading and reading until my brain just feels like
mush...[trimmed]
http://www.orisadevotees.org/market.html
Omitade
Omitade,
I know the feeling. This stuff can be terribly frustrating at times...
I think that it might be a good idea to just get a
61 matches
Mail list logo