Hello,
I was hoping to get a reference link to an article or other content on
the best practices for detecting ipad, iphone, and other smart
devices.
I have seen some very good solutions pass by on the list. But, now
that I need them in a serious way, I'm having difficulty locating them
in the
On Wed, Oct 12, 2011 at 12:24 PM, David Laakso
da...@chelseacreekstudio.com wrote:
We're off-topic with this on a list devoted to the practical application of
CSS...
But anyway, see some of the links in the CSS and Mobile Devices section
of this page:
{
position: relative;
top: .45em;
border-bottom: none;
background: #ff;
padding-left: 1em;
padding-right: 1em;
}
Regards,
Claude Needham
On Thu, Aug 11, 2011 at 7:35 AM, Tim Climis tim.cli...@gmail.com wrote:
The 2nd paragraph (The principal areas ... ) has had a 0 margin
applied, but still displays a gap.
Because that's an OL (not a UL). The CSS isn't selecting them. You
can edit it like this:
p { margin-bottom: 0}
p +
with such notable designers. My poor little reply might have fonts out
of play and god knows what :)
Regards,
Claude Needham
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http
:103px;
height:103px;
display:block;
background:url('images/sprite-example.png') no-repeat -24px −181px;
}
Somehow what looks like - is not really a minus sign as far as
Firefox is concerned.
Fix that and this should all work out much better.
Regards,
Claude Needham
but provide a
stepping stone toward later development -- a bit of agile programming.
Regards,
Claude Needham
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
On Fri, Apr 29, 2011 at 6:59 AM, Michael Beaudoin mich...@ba-doyn.com wrote:
I gave it a try and nothing happens.
I figured there would be an overflow needed, but I can't seem to find the
correct place. I'm still fuzzy about overflow. Will reread the List Apart
article I found.
Suggest
On Sun, Apr 24, 2011 at 8:16 PM, John D xfs...@hotmail.com wrote:
OK ignore it because I managed to get the actual link of the picture:
http://img.thesun.co.uk/multimedia/archive/01295/silh-120_1295997a.jpg
I would still like to learn how they have protected the picture.
It's a simple
if it might not
be causing some problems.
Regards,
Claude Needham
__
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 policies -- http://css
On Tue, Apr 19, 2011 at 7:18 PM, Kirsten Rourke
rourke.train...@gmail.com wrote:
Hi -
I had to redo my wordpress site and found a theme that works well for what I
want BUT even when I make the W3C validator test for CSS3 it still kicks up a
TON of errors
help would be greatly appreciated.
Thomas Pauly
One possible fix is to add the property overflow: hidden to the div
id=mosaic
This does not address the underlying issues created by the javascript.
But it will make your page look better.
Regards,
Claude Needham
browsing locally it did not do the same
thing.
So to fix, I renamed my div and all was well. If you have any ad
blocker you could be looking at something like this. Or, it could be
another issue involving the fact that your local drive is typically
white-listed.
Regards,
Claude Needham
://validator.w3.org/
(20 errors at the moment)
Also validate your css code http://jigsaw.w3.org/css-validator/ (26
errors at the moment)
There is a good chance that you problems will either clear up or
become obvious after you validate the page.
Regards,
Claude Needham
there might be a better
target for your question.
Folks on both lists are equally friendly and knowledgeable.
WebDesign l...@webdesign-l.com
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org
due without it.
That was then, this is now. I am hoping that someone might be able to
point to a good source of info on proper use of min-height so that I
don't open a can of worms with cross-browser issues or other gotchas.
Regards,
Claude Needham
On Thu, Dec 16, 2010 at 9:32 PM, Chetan Crasta chetancra...@gmail.com wrote:
This is a good reference on min-height:
http://reference.sitepoint.com/css/min-height
On Thu, Dec 16, 2010 at 10:04 PM, Philippe Wittenbergh e...@l-c-n.com wrote:
The spec is a good start :-)
see 10.7:
On Tue, Dec 14, 2010 at 7:58 PM, Tim Climis tcli...@indiana.edu wrote:
No they don't. Take your style attribute out. Now move it to an
external style sheet.
Put the link to the style sheet before the style tags, and your text will
be green. So far, things are doing what you expect...
But
to the changeStyle function so that the radio
button checked state keeps up with the monitor state.
If you click the word projection the style will change but the radio
button check is not altered. This is a little confusing.
A few observations. Hope they are constructive.
Claude Needham
to keep my javascript functionality in the javascript. This
helps when a user does not have javascript enabled (or is using
NoScript addon).
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css
.
But I want to only have a background in the div under the content --
not the full page.
Thanks for any help or hints.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css
On Sun, Nov 14, 2010 at 8:11 PM, Thierry Koblentz n...@tjkdesign.com wrote:
http://www.galaxywebsitedesign.com/temp/test.html
The above link works for Firefox 3.6.12, IE8, Safari, and IE7.
Is it possible to make this work in IE6?
The idea is to stretch the pseudo-background image.
Works
situation it worked. So it would be good to see a live example of
your problem for reference.
Your problem might be related to the interaction of the html and the css.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css
On Mon, Nov 8, 2010 at 1:44 PM, Roth x...@roth.biz wrote:
Hello everybody,
since several days I am dealing with a problem I have with IE.
With TYOP3 I have created a picture gallery. It consists of 5 columns
and 4 rows. In Firefox is shows like following:
__ __ __ __ __
|__| |__|
On Sun, Nov 7, 2010 at 11:38 AM, David McGlone da...@dmcentral.net wrote:
On Sun, 2010-11-07 at 13:15 -0600, Keith Purtell wrote:
When it comes to making sure my Web design appears normally in different
browsers, I've been checking via the three installed on my PC, the Mac
at work, two other
,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported
misunderstand your situation, I'd say that everything is working the
way it should.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css
it is of some help.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org
like try stuffing some content into
the elements.
I use http://www.lorem-ipsum.info/_latin as my favorite gibberish generator.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman
On Sat, Sep 25, 2010 at 11:49 AM, Felix Miata mrma...@earthlink.net wrote:
On 2010/09/25 13:05 (GMT-0500) Keith Purtell composed:
snip some excellent stuff
multiply or divide, depending on your conversion direction, by the
contextual px font-size
Firebug will be your friend in this regard.
On Tue, Sep 14, 2010 at 1:47 PM, Climis, Tim tcli...@indiana.edu wrote:
I'd like it to sit right in the middle
both vertically and horizontally without using padding or anything like
that because it's dynamically fed.
is there such a way using CSS?
As far as I know, not with anything with a
in examples if they turn up in this
discussion.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http
it elsewhere
without the
designer's written permission. However, feel free to study the CSS and use
techniques you learn from it elsewhere. */
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css
On Thu, Sep 9, 2010 at 5:18 AM, tedd tedd.sperl...@gmail.com wrote:
You can set default font for the entire page in the BODY:
body
{
font-size: 100%; /* don't use anything else for the default */
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}
You can also use
and easily avoided, I
can finish my project no problem.
But, before filing this away under the heading of unique oddities to
avoid in the future
I wanted to check with others to see if there was a deeper
understanding to be gleaned or
a best practices type of lesson to be learned.
Regards,
Claude
On Fri, Aug 27, 2010 at 7:19 PM, David Laakso
da...@chelseacreekstudio.com wrote:
Claude Needham wrote:
But, before filing this away under the heading of unique oddities to
avoid in the future
I wanted to check with others to see if there was a deeper
understanding to be gleaned or
a best
On Thu, Aug 26, 2010 at 5:22 AM, Lineberger, Scott
sline...@coastalind.com wrote:
http://www.coastalind.com/ciordersample.html
Does anyone have any suggested CSS coding that would streamline this page?
Scott
The fundamental problem with this page is the factor of 15.
You have a list of
them my top recommendations.
http://www.galaxywebsitedesign.com/blog/learn-how-to-choose-web-hosting.html
The article is slightly tongue in cheek in places, but they found it
helpful for them -- and they were in fact the target audience so I
guess it worked.
Regards,
Claude Needham
any news of ipad emulators.
By the way http://www.ipadatelier.com/design-for-ipad.html has several
interesting links. I'm just now running them down.
Regards,
Claude Needham
http://www.galaxywebsitedesign.com
__
css-discuss [cs
On Thu, Aug 26, 2010 at 12:06 PM, Rick Gordon li...@rickgordon.com wrote:
You're probably right. I have noticed that some results are different when *
is not included, but haven't gotten clear on exactly what.
--
I seem to recall that td does not inherit from body.
Was this
, and most
of the .Net CMS apps.
Christie Mason
How about a cms that will produce pages that pass html validation and
css validation?
Is it a necessary by-product of cms that they don't pass validation?
Claude Needham
__
css
a
style/style section.
style type=text/css
p.testfl:first-letter {
color:#ff;
font-size:xx-large;
margin-right: -6px;
}
/style
p class=testflThis is a text./p
pThis is more text/p
Regards,
Claude Needham
base it on there should rightfully be only one.
This is how I go about it. As they say your mileage may vary.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
On Wed, Jul 14, 2010 at 1:52 PM, Andy B. sonfir...@gmail.com wrote:
Taking this as a css question, because it is posted in a css forum, I
will assume you are asking which font might be well represented in the
different browsers. Not sure how much of a css question that is
either, but it is
Line3: The text For in Him we move and live and have our being... (Acts
17:28) should:
- Be on a line all by itself.
- Be the same font size as the text on the rest of the page.
Do you perhaps mean to say Be in a sentence all by itself?
The reason I ask is that my email program is wider than
definitions. I did not look.
At the moment, all I have verified is the existence of your issue in
Safari with js enabled and the absence of the problem in Safari with
js disabled.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css
if this is a by-product of a copy and paste operation.
When I paste text into blogger I have to put the text through a
non-rtf canvas in order to remove layout. (I use an old asci text
program for this).
Regards,
Claude Needham
__
css-discuss [cs
,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org
On Wed, Jun 30, 2010 at 10:47 PM, Fobin fobi...@gmail.com wrote:
Hi,
But the big thing is still there. In webkit browsers the top line
moves on hover just a little bit. Except if you hover over the top row
most right picture. Then everything is ok and pictures change
perfectly. Cannot figure
fonts have different visual sizes at the same numeric
font-size.
Regards,
Claude Needham
http://www.galaxywebsitedesign.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ
to test for you.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org
,
Claude Needham
p.s. I also found the following page very informative
http://camendesign.com/code/video_for_everybody
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ
of css.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
On Mon, Jun 28, 2010 at 11:06 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote:
http://www.imag3.com/test/
I don't see what you are aiming at. It seems that you wish to float the
blockquote but don't actually set anything in CSS on blockquote elements.
Maybe it would help if you posted a real
On Mon, Jun 28, 2010 at 1:29 PM, David Laakso
da...@chelseacreekstudio.com wrote:
I don't know if this will work for you in the particular situation you have
at hand?
http://chelseacreekstudio.com/ca/cssd/bq.html
Best,
~d
Thanks David,
That is the kind of solution that I suspect will be
On Thu, Jun 24, 2010 at 5:04 AM, Tim Climis tcli...@exchange.iu.edu wrote:
This is where having a link helps. It sounds like you're perhaps using floats
to create your navigation (which would then cause your container (div?,ul?) to
have a hieght of 0. If you add overflow: hidden or an
three different customer comments with a
delay of just 1 or 2 seconds in between. As each new comment was
loaded the css would change. I suspect that one or another of the
comments or the widget itself is breaking the layout.
Regards,
Claude Needham
On Tue, Jun 22, 2010 at 9:42 AM, Bernardo Doré berd...@gmail.com wrote:
This is the most simple and compatible one I've found so far:
http://ryanfait.com/sticky-footer/
Been using it for a while with very good results.
Bernardo
Can you point to a page that demonstrates the sticky footer
like it would
tend to be very cross browser compatible. (maybe change png to gif to
avoid that issue.)
Regards,
Claude Needham
galaxywebsitedesign.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman
Claude, there is a link Gabriele's live demo page.
I think you just didn't see it...
http://dev.css-zibaldone.com/demos/pure-css-fisheye-menu-icons/demo.html
Best,
~d
sheepish grin
Right you are. Sitting there in plain sight for all to see. Thanks for
pointing the way to it. It is a nice
On Wed, Jun 2, 2010 at 6:49 PM, Theresa Mesa trixiesirishe...@gmail.com wrote:
Because the contact page doesn't have a vertical scrollbar on the right, but
the agreement page does. The whole page is jogging, not just the navigation.
And actually, the contact page seems to be *stretching*,
for any help,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
On Thu, May 20, 2010 at 8:54 PM, Thierry Koblentz
thierry.koble...@gmail.com wrote:
The test page is: http://www.imag3.com/test/
h1,.centerbox {overflow:hidden;zoom:1;}
You may want to read this article to find out why it works that way:
Some time, in the now distant past, I tried using max-width in a css project.
The behavior was so quirky across browsers that I solved it another way.
The numerous code samples suggested on this list lead me to believe that
the situation has changed and that max-width is a very functional
On Fri, Apr 2, 2010 at 6:20 PM, Matt Fielding itzma...@gmail.com wrote:
Hello all,
I am almost 100% done writing the code for a client, but they have
discovered an issue and despite my efforts I cannot figure out what it is.
In Firefox, Chrome, Safari, and IE8, everything works fine. However,
On Thu, Apr 1, 2010 at 10:13 AM, Bill Braun bbr...@hlthsys.com wrote:
Tom Livingston wrote:
List,
Can anyone see where the horizontal scrollbar is coming from in IE 6
and 7 at this address? I can't find it and i'm going nuts...
http://www.mlinc.com/products/zpache/
Thanks!
I was able
On Mon, Mar 29, 2010 at 11:28 AM, Climis, Tim tcli...@indiana.edu wrote:
If you use class names (form class=track) instead of id's then put in a dot
(.) instead of a hash (#).
---Tim
If you are truly new to css, you might wonder when to use id and when
to use class.
id is for unique elements
On Mon, Mar 29, 2010 at 2:16 PM, Bill Braun bbr...@hlthsys.com wrote:
Setting aside the moral implications, having made a transition from a
site built completely around tables to one based on div, the latter,
in my experience and opinion, takes much better advantage of CSS. I have
been able to
On Tue, Mar 23, 2010 at 7:36 AM, Andrew Frazier
cs...@kidderminsterharriers.com wrote:
It looks OK in all browsers, but it's not showing what I've asked it to.
The grey border down each side of the central area should actually come in
diagonally at the bottom to join the black border.
I think
-Original Message-
Other than that, if you want to have the two floating divs side-by-side, I do
believe you need to give them a width value - otherwise they will assume 100%
width.
Dennis
The width value of the two inner div is indeed the direction to look.
If you replace the
development in Firefox, so any clues about
developer tools for IE would be most welcome.
Thanks,
Claude
On Sun, Mar 21, 2010 at 1:34 PM, Tim Snadden li...@snadden.com wrote:
On 20/03/2010, at 7:42 PM, Claude Needham wrote:
Does such a thing as a quirks detector exist?
If you use IE8 and the web
Rumor has it that by using the proper doctype it is possible to force
IE to operate in a standards compliant mode -- and thus avoid (in that
one situation at least) the quirks that one might otherwise confront.
I have two standard-ish header templates I'm working with. (i.e.
flailing in the
hints would be much appreciated.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css
other than Firefox and IE7+.
Now at least I have another resource when making fresh attempts to
handle those other browsers properly.
Thanks for the help. Much appreciated.
Claude Needham
__
css-discuss [cs...@lists.css
On Fri, Mar 19, 2010 at 8:28 AM, Atkinson, Sarah
sarah.atkin...@cookmedical.com wrote:
I have been working on this yesterday and today And I simply can't figure it
out.
It is a wordpress site. And it just is giving me some very weird giant white
box display problems win IE6 and 7.
and retype it.
This should fix the problem.
Regards,
Claude Needham
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http
with margin, padding, width combining
differently in different browsers. So you might have to leave wiggle
room in the widths.
Hopefully someone with a broader background will clue us both in on this issue.
But, in the mean time get your width down and things will work better.
Regards,
Claude
77 matches
Mail list logo