, find the items I'm looking for and build CSS to
handle it.
From: Crest Christopher
<crestchristop...@gmail.com<mailto:crestchristop...@gmail.com>>
Date: Tuesday, July 12, 2016 at 7:57 PM
To: Chris Williams <ch...@clwill.com<mailto:ch...@clwill.com>>
Cc: CSS-Discuss
<css
1) That's not "post 16" that's a reply with 16 (now 17) likes.
2) Is explicitly says in the example:
On 7/12/16, 7:30 AM, "css-d-boun...@lists.css-discuss.org on behalf of Crest
Christopher" wrote:
>Look at, post
It's not clear to me exactly what the question is.
Can you style SVG inside divs on a page? Yes, I've done it frequently.
How? Simple, and like every other CSS case: use a debugger (Chrome, FF, IE) and
look at the object structure, figure out the hierarchy you want/need and go for
it.
Do I
The issue is not with the style of the img, it's with the styling on the
div that includes it. It needs a width spec too.
On 3/7/16, 11:52 AM, "css-d-boun...@lists.css-discuss.org on behalf of
John J" wrote:
>that's what I'm
Link?
On 2/29/16, 2:32 PM, "css-d-boun...@lists.css-discuss.org on behalf of Karl
DeSaulniers" wrote:
>Hello all,
>Got another website. This time it's my own portfolio website. It is an
>infinite loop horizontal
This is just a simple Wordpress blog. Looks like it's just using the default
theme as well.
On 1/7/16, 4:51 PM, "css-d-boun...@lists.css-discuss.org on behalf of John
Griessen" wrote:
>ianmurdock.com
>
>He's gone, so
PM, "css-d-boun...@lists.css-discuss.org on behalf of
MiB" <css-d-boun...@lists.css-discuss.org on behalf of
digital.disc...@gmail.com> wrote:
>
>12 okt 2015 kl. 02:01 skrev Chris Williams <ch...@clwill.com>:
>
>> Yeah, well whatever. I'm using Outlook on th
As I noted and quoted, YOUR email had the Korean encoding markers before I
even entered the conversation.
On 10/11/15, 11:56 PM, "Philip Taylor" <p.tay...@rhul.ac.uk> wrote:
>
>
>Chris Williams wrote:
>
>> Philip's second reply in this thread has the same ma
5, 9:48 AM, "Philip Taylor" <p.tay...@rhul.ac.uk> wrote:
>
>
>Chris Williams wrote:
>
>> 1) These characters are font dependent. Unless you are specifically
>> calling out fonts that you use, you risk using glyphs that will not be
>> found on your
way of accomplishing that using CSS, but server-side
processing might be an (off-list/topic) option.
---
On 10/11/15, 11:49 AM, "Philip Taylor" <p.tay...@rhul.ac.uk> wrote:
>
>
>Chris Williams wrote:
>
>> My larger point was, tread carefully here. Test a lot. Unexpected
This.
From: Tom Livingston
Date: Sunday, October 11, 2015 at 12:37 PM
To: "p.tay...@rhul.ac.uk"
Cc: Christopher Williams , CSS-D
Subject: Re: [css-d] CSS solution for a "curly" apostrophe
I only saw
Subject: Re: [css-d] CSS solution for a "curly" apostrophe
On Sunday, October 11, 2015, Chris Williams <ch...@clwill.com> wrote:
This.
Philip already explained this...
"Jeff sent in ISO-8859-1, as I mentioned in my preceding message;
therefore you (and I) saw chara
You mean the one that shows up as an unknown character on many platforms?
For reference either a superscript 3 or 1 in my email below...
1) These characters are font dependent. Unless you are specifically
calling out fonts that you use, you risk using glyphs that will not be
found on your target
IMHO, the best design approach is to start with width. It's the best
indicator of overall size, and allows you to get in the ballpark with
respect to the question: is this a desktop, tablet or phone?
Once you've established width, you can configure your content to look good
with that, and always
So can pngs.
On 5/22/15, 6:39 PM, John Andrews andrew...@gmail.com wrote:
Try a gif image with black and transparent instead of a png image. Gifs
can
have a transparent background.
__
css-discuss [css-d@lists.css-discuss.org]
You have some very good sized images and a boatload of JS -- they take
time to load.
One idea would be to look into whatever carousel you are using and see if
they offer a lazy loading option. Where it will pull in the image only
on demand, and not preload them at all beforehand. Can make the
If you buy into a grid the idea is you go all the way. Everything lives
in the grid. That way you get all the responsiveness (and other) benefits
of the grid structure.
On 3/12/15, 12:16 PM, Tom Livingston tom...@gmail.com wrote:
I have not used a grid system in the past but am looking into
Then you all can be happy carrying your pagers and listening to the latest
hit from Abba as well.
Mobile use is not a fad. It's not just something those whippersnappers
are doing, even if you're not. It is, for many, the first and sometimes
only web device they use. And it's use is growing
This, too, is a place where we engineers try to pretend we are like our
users and, in doing so, often fail them. We all are comfortable with
technology, and feel that sure, let's let them customize the heck out of
this thing, give them a ton of options. Because we are comfortable with
lots of
Philip, as I described in the message I just sent, I too am developing a
very complex and detailed application where I was convinced that one
needed a huge screen to appreciate it. After many discussions with my
contract designer she was able to convince me that the mobile user was
worth
Both sass-lang.com and lesscss.org have pretty good tutorials right on
their site. Best way to learn is right there.
FWIW, I'm partial to less, but that's probably just because I've been
using it for quite a while. I found getting started to be ridiculously
easy. I just started by renaming my
So true. Suggest to the OP that you google SASS vs LESS and read some
of the latest articles. Here's a great one:
http://flippinawesome.org/2014/01/20/less-vs-sass-its-time-to-switch-to-sas
s/
Like many web articles, it's less about the article itself than it is
about the comments. Lots of
Which is precisely what I suggested as one of the two alternatives: use
JS to serve up content based on screen size.
On 2/17/14 12:27 AM, MiB digital.disc...@gmail.com wrote:
Javascript analysis of screen type ...
__
CSS is handled by the client. If you want to have the client to not have
to download something, the CSS is too late.
AFAIK, there are but two choices:
1) A mobile version of the page/site, users get redirected there based on
client and you only load as needed for each client. This has a number
And how do they do that? How does the server know the user's page width?
By their going to m.example.com as opposed to example.com. Or with JS...
On 2/14/14 6:59 PM, Robert A. Rosenberg webdesig...@rarpsl.com wrote:
How about controlling the sending of the optional stuff via Server
Side
Just grasping at straws here, but I wonder if Safari is getting confused
by setting an image, and then later changing the color (which overrides
the inherent transparent of the background)?? Maybe if you tested
making that JS code that specifies the changing color also respecify the
image spec
FWIW, I don't see it on my safari on OSX either.
One of your many JS files is adding an element style on the body tag that
has a background-color that overrides everything else specified there.
Haven't had time to figure out which one. Try playing around in Firebug
(or some such) and see which
This is just wrong. It inherits the defaults from the browser.
On 6/27/13 5:23 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
The html element is the root element, so it cannot inherit anything.
__
css-discuss
Pfffttt Semantics.
On 6/27/13 11:14 AM, Philip Taylor p.tay...@rhul.ac.uk wrote:
John A. Johnson wrote:
On Jun 27, 2013, at 10:54 AM, Philip Taylor p.tay...@rhul.ac.uk
wrote:
As the browser is not an element in the document tree, the html
element cannot inherit any properties from
Show me, with an example, a concrete difference in the behavior.
On 6/27/13 1:51 PM, Eric A. Meyer e...@meyerweb.com wrote:
It's actually not just semantics, so the dismissive tone is
misplaced. Inherited values have a different place in the cascade
than do directly-assigned values,
Exactly.
You can override this behavior. See this:
http://webmasters.stackexchange.com/questions/4459/keep-iphone-browser-from
-turning-numbers-into-links
On 5/10/13 7:27 AM, David Rose mailing-l...@technicelixir.com wrote:
This is iOS behavior. Anything an iPhone/iPad recognizes as a phone
Just right click and view source for any of those responsive examples.
Code's all there.
On 1/26/13 4:44 AM, Koen van der Drift koenvanderdr...@gmail.com wrote:
Actually, I am *not* looking for a select menu solution, I don't like
those either. I now understand what you meant by those.
The
Philippe, just wanted to thank you for this link. I, too, have grown
weary of the select for a responsive menu. It's very visually
disruptive when you go to make a selection, it requires multiple clicks,
and just seems like a cheap cheat.
This link had so many great ideas, not just for nav, but
The URL parameter needs the value quoted. E.G. should be url('value').
From: Beat Beer beatb...@mac.com
Subject: [css-d] are there changes in the css validator?
Hi Folks
today I was told by a friend that some css statements don't validate any
longer and I really don't find a solution to
No, I'm wrong. It's suggested, and I've always used it, but as someone else
noted off line to me, it's not required. Either by the std. or by the
validator. Sorry for the error.
Chris
From: David Hucklesby huckle...@gmail.com
Date: Fri, 04 Dec 2009 12:23:24 -0800
To: Chris Williams ch
Except that your rule doesn't get https://
From: Tim Snadden li...@snadden.com
Subject: Re: [css-d] external link indicators
Further to my original reply...
a[href^='http://'] { /* your rules */ }
This is more robust than...
a[href^='http'] { /* your rules */ }
The reason is
Bruno, I kneel at your feet. This is awesome. I'm trying to solve a
similar problem, and have struggled with getting the solutions to work.
I've been stuck at using background images, which fail of course when the
user changes the font size. Your solution does not suffer this issue.
Thanks so
Don't put the header image CSS in the style sheet, but on the code for the
page...
From: David Terrell [EMAIL PROTECTED]
Subject: Re: [css-d] IE Margin Issues
The header image has to change for every page so it
would be impractical to create a different style sheet
for each page so that
Google is your friend. Google font calibri and you'll find your answer.
Such the second result -- this post:
http://labnol.blogspot.com/2007/03/download-windows-vista-fonts-legally.html
From: Geoffrey Hoffman [EMAIL PROTECTED]
Subject: [css-d] Fonts in Vista Office 2007
I installed Office
Even if your numbers are right, and only 40% of people use IE6 (a
point that I, and others find suspect. I'm seeing 60% at my site), I'm
still at a loss why you would want to have a lousy experience for 40% of
your customers? Or 20%. Or 10%. It seems to me that any
business/organization would
Yes, this may have appeared to veer off topic, but the question of why
XP displays fonts differently in IE7 vs. IE6 and/or FF has been bugging
me for months. I want to thank everyone who contributed to this thread
for solving that mystery for me. I was absolutely convinced it was
something my
I think David's point was that the kind of error you are seeing can
often be caused by other unclosed tags and such, that will also trigger
validation errors. The kind of thing you are talking about, for example
could easily be caused by unclosed divs and the like.
It would be a good thing to
I'm pretty sure I know the answer to this, but I thought I'd ask the
astute minds here.
Is there a way, just using CSS, to make text flow in columns? E.g., I
want a newspaper two-column look and would like the text to
automatically flow from the left column to the right column.
As I'm
Tool bars. Like google's toolbar?
-Original Message-
From: Steve LaBadie
Subject: [css-d] Weird Occurrence
One of our programmers is creating forms with PHP as backend. Most of
the input fields (input type=text) have a background color of yellow and
there are no styles applied. It
Can't help you with this, but:
I apply with equal diligence the three essential of editing.
Perhaps you meant essentials?
-Original Message-
From: Canine Cushings
Subject: [css-d] My Web site does not display properly in IE7
The site's at http://www.mettapress.com/.
Well, for starters, the way you're doing this seems really strange...
You have:
ulliawhatever/a/lisomething/ul
ulliawhatever/a/lisomething/ul
ulliawhatever/a/lisomething/ul
I think you want:
ul
liawhatever/asomething/li
liawhatever/asomething/li
liawhatever/asomething/li
/ul
That is, you have
Ahh, but they aren't the same. You have an extra /div in the 4a
version.
-Original Message-
From: Ian Young
Subject: [css-d] Two versions of the same page -two different renditions
http://www.iyesolutions.co.uk/templates/lvsc/index4.html
OK, smart-a%*, what is the question, then?
I have an image. I don't know its size
Sure sounded like you wanted to know what the size of this image was...
Maybe what you meant was: I want to put a random image in a div and
maximize its size. I don't know what the image will be in advance,
Finding out its size is easy, but it depends on the OS. On Mac, just
look in the finder. On WinXP, right-click, properties, summary tab,
advanced.
-Original Message-
From: Diego Chagastelles
Subject: [css-d] img size
I have an image. I dont know its size, dont know if it has a bigger
How right you are, let's just blow off over 80% of the market. And let's
tell other people how to live their lives. Next step, a master race!
From: Phil Turner [EMAIL PROTECTED]
Subject: [css-d] IE pampering
recommending which browsers to use and start steering people away
from IE instead
Thank you for your concern, but I have a solution, it takes into account all
the issues that Arlen brings up (handles question marks, and other
characters, as well as quoted strings -- single or double, etc.), and gets
the effect I want. I presented it a couple of days ago.
The original
Thank you for your opinion. It is my opinion that my text-heavy site is
vastly more readable with double spaces after the period. And the fix is
hardly messy and complicated (simple preg_replace functions).
Many references prefer it, I've found few if any that say don't. Most say
what your
Excuse me, a non-breaking space is EXACTLY what I mean...
From: Chris McLay [EMAIL PROTECTED]
Subject: Re: [css-d] Double space after a period
... that don't require hacks (using a non
breaking space where that is not what you mean)
Please stop telling me what I want. I want two spaces. Period (pun
intended). I want the width of the white space following a full stop to be
exactly twice the width of the space between words. That is, two spaces in
the current font.
Therefore, I want a browser to give me two spaces, one
Then it also must have problems with the many instances of other special
characters (rdquo;, #8320;, etc., etc.) Many web pages have dozens of
these. The Google homepage, arguably the most visited page on the web, has
a couple dozen nbsp; and another few raquo; characters.
This is, therefore, a
Who's attacking who?
I provided a way to do it (a hack to you), that does it reliably for me.
I was asked to provide that to the list. I did. You attacked it as messy
and complicated with little value.
From: Chris McLay [EMAIL PROTECTED]
Subject: Re: [css-d] Double space after a period
Why
I have this problem, and I use nbsp;space and not nbsp;nbsp;.
I find that works, and I haven't seen the space at the beginning
problem. It seems that UA's can handle the nbsp; at the end of the
line OK. I do this replacement with a simple regex in my PHP code.
HTH,
Chris
PS -- it is very
'Cause you installed the google toolbar? They aren't yellow here...
-Original Message-
From: iorhael
Subject: [css-d] Yellow input fields
Would someone be able to tell me why these input fields have turned
yellow...this just happened...its been looking fine for months but today
they are
You have an unclosed div (container2). And a number of other validation
errors.
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.figureskaterso
nline.com%2Fznew%2Fabout.php
Fix those, close that div, it'll be fine :)
From: iorhael [EMAIL PROTECTED]
Subject: [css-d] Copyright block
My site: http://clwill.com http://clwill.com/ is reasonably well
behaved to font resizing in all browsers I have tested, except in IE7.
Yes, the nav items overflow the header graphic at especially large font
sizes, but in general I'm satisfied with the results.
However, in IE7 any font
Thank you for this essentially useless and non-productive expression of
your opinion...
Bug or not, I'm trying to adapt, as we all do. Anyone else have any
insight?
-Original Message-
From: [EMAIL PROTECTED]
Subject: Re: [css-d] Font Resizing - Bad Behavior Only In IE7
Having looked at
Ummm... sorry all, this one is a nevermind.
As Ian Young pointed out to me in a private email, this is somewhat user
and somewhat MS being silly.
What is happening is that when you press ctrl-+ or ctrl-- (which resizes
the fonts in all reasonable browsers) it zooms in IE7, it doesn't
resize the
Actually... I wasn't having any IE font goofy behavior (AFAIK). It was
MS-induced user error. The whole 62.5% thing was a vestigial remnant.
I specify fonts and sizes explicitly essentially everywhere I want them
later in the CSS. So... I just removed it.
Thanks, though.
Chris
-Original
FWIW, does it for me every time in FF, works fine in IE.
-Original Message-
From: [EMAIL PROTECTED]
Subject: Re: [css-d] Site Check Please
I think this is something to do with the way the page loads - I've
noticed
it does this, but it doesn't do it everytime.
Hard to tell what image you are referring to. The site looks the same to me
in Safari and FireFox on the Mac.
Except of course the word architect is misspelled in both menus, top and
bottom :)
From: David Bailey [EMAIL PROTECTED]
Subject: [css-d] background image problem in Firefox
I would
I fixed the silly h2li thing, don't know how that happened...
Validates now, both the HTML and the CSS.
As for negative margins... It's funny that it works in IE7 on all
borders, except the bottom one? This makes me think this is a red
herring...
The reason why I do it is because then I'd have
THAT'S IT! That fixed it.
Super, thanks so much.
Chris
-Original Message-
From: Tony Crockford [mailto:[EMAIL PROTECTED]
Subject: Re: [css-d] My Last (I Think) IE7 Bug
apply position: relative; to the h5 and all will be okay.
I have been testing with IE 7 and have fixed most of my issues. But I
have found something I can't nail. Would appreciate the wisdom of those
here.
If you look at my site (http://www.clwill.com http://www.clwill.com/
), you will see that I use H5 headers to be a footer in the boxes I
draw
Thanks for the reply.
Funny, the convoluted use of negative margins is all over the place, and I
got it from a couple of different references, both books and example sites.
And it works in every browser on the planet... Except IE7??
As for the h2li thing, not sure how that happened, but it will
Thank you very much for this very considered and thoughtful reply.
Unfortunately, like others, you made the assumption that I wanted to force
fonts down my users throats, and wanted to know the best way to do that.
That is/was not my purpose at all.
My purpose was being able to install a
For the first time, someone is getting closer to what I want!
This FontMatch tool is the closest thing yet. Thank you.
However, it seems really silly that Windows and/or Mac OS/X can't be simply
asked, if I gave you this font spec, on this computer (with all it's
installed fonts), what actual
Hey! Now there's an idea...
Thanks!
-Original Message-
From: Dean Champeau [mailto:[EMAIL PROTECTED]
Subject: Re: [css-d] Font Mapping Query/Font embedding
I'm not sure about Winders, but on my Mac I simply select a snippet
of text in a web page and copy it. Then I paste it into
Right, I've been using the CSS viewer in the FF dev toolbar forever to
see what my cascade resolves to. But it only lists the style I spec'ed.
I want the font the OS actually chose.
But some of these other ideas help a lot. The one about using cut/paste
from the browser into a word processor
I have CSS that specifies fonts: (Lucida
SANS,Tahoma,Arial,Sans-serif;).
I have various tool bars that tell me this when I hover over various
pieces of text. That is, they tell me that string. But I can't tell
which font was actually used.
I have cases where the text appears much better
Thanks for the reply, clearly I got that far -- I wrote the CSS after all.
What I want to see, is what font is actually being used. I have several
test machines, I have several users with different machines. It doesn't
seem to have any rhyme or reason.
There are a million questions: does
The look isn't vital, readability is. And I value accessibility too
much to use graphics (especially for the body text...).
The point is that I find the fonts that are showing up on some
systems/browsers to be vastly more readable than others. I was hoping
to find a good way to discover what
Thank you for your input. I don't know of any such tool would've been
sufficient. The balance is opinion, conjecture (all incorrect), and not the
point of my question.
From: Felix Miata [EMAIL PROTECTED]
Subject: Re: [css-d] Font Mapping Query
I suspect what brought up your query is this
Rather than try to divine my intent, I'll simply repeat my query, does
anyone know of a tool that allows one to inquire of a browser, what exactly
is that font, right ... there? If the answer is no, fine, I'll play the
trial-and-error game.
Thank you.
From: Felix Miata [EMAIL PROTECTED]
Because your div with the background-color defined is called
main_content, and it is empty (div/div), and the div with all the
text in it is called main_content_text and it has no background.
Perhaps you meant the /div for the main_content div to be at the
bottom of the main_content_text div,
May be a red herring, but you have a couple of empty P tags, in the
last couple of divs. Note they are a) both empty with no closing tag,
and b) misspelled (capital P).
Don't know if this is what is causing your issues, but it is wrong :)
-Original Message-
From: Mr. Kim Siever
Subject:
I'm experiencing a weird space difference between IE and Gecko (FF
specifically) and want to confirm it with the group.
Do IE and Gecko handle empty divs differently? I have a case where
there are a couple of empty divs (programmatically generated) at the
bottom of the page. It looks like IE
The main page title bar says Ancient Title. Think you mean Tile :)
On 4/27/06 5:55 AM, tedd [EMAIL PROTECTED] wrote:
Hi gang:
Please review the following site:
http://ancientstones.com
Suggestions and comments welcomed.
Thank you.
tedd
I'm not sure if this is OT for this list, but I'm in pain and hope you folks
can help.
I have two seemingly identical pages, that display text white space
differently. I've compared the html till my eyes are bleeding and I can't for
the life of me seem to figure out what is different. Both
Well, no, not really... it's all internal at this moment and is driven
by a complex PHP/MySQL engine.
I was hoping there was some simple oh, you fell into the xyz gotcha.
If not, I'll figure out how to make a postable test...
Thanks.
-Original Message-
From: francky [mailto:[EMAIL
I'm trying to get a search bar at the top of each page. But I don't
want it to take over the world... I want a relatively small entry field
with a reasonably sized search button just to the right of the text
entry box. This will live on the right side, with my breadcrumbs on the
left.
So I
Doh sound of hand hitting forehead... of course, I forgot to check the wiki
first. Sorry...
-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
For more information...
http://css-discuss.incutio.com/?page=FormElements
I'm new to the CSS game, fresh from a table lifetime. I hate tables, am in
love with CSS... but (you knew there was a but)...
I have a new site design I'm working on at http://clwill.com/new/ The page is
index.html, the CSS is in clwill.css. Obviously this is just an instance of my
87 matches
Mail list logo