Re: [css-d] Best practices for ipad, iphone detection.

On Wed, Oct 12, 2011 at 12:24 PM, David Laakso 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: > > vi

[css-d] Best practices for ipad, iphone detection.

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 ar

Re: [css-d] Hidden HRs

} h2 span { position: relative; top: .45em; border-bottom: none; background: #ff; padding-left: 1em; padding-right: 1em; } Regards, Claude Needham ___

Re: [css-d] 'Margin' above bullets

On Thu, Aug 11, 2011 at 7:35 AM, Tim Climis 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 + ul, p +

Re: [css-d] [OT] Why no HTML

nd an html/css reply to a list 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-disc

Re: [css-d] Logo in a div

e in the immediate layout 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

Re: [css-d] Why are the properties disappearing?

t -24px -43px; } #navi-2 a:link { width: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. F

Re: [css-d] column help...

On Fri, Apr 29, 2011 at 6:59 AM, Michael Beaudoin 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 you revisit "Juk

Re: [css-d] OT: Protecting pictures

On Sun, Apr 24, 2011 at 8:16 PM, John D wrote: > OK ignore it because I managed to get the actual link of the picture: > > I would still like to learn how they have protected the picture. It's a simple javascript routine. To

Re: [css-d] Dead zone beneath linked images

here is something about that hr that makes me wonder 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

Re: [css-d] Need advice please

On Tue, Apr 19, 2011 at 7:18 PM, Kirsten Rourke 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   > -http://jigsaw.w3.org/css-validator/validator?uri=htt

Re: [css-d] Crashin Column

ign. > > Any help would be greatly appreciated. > Thomas Pauly One possible fix is to add the property overflow: hidden to the This does not address the underlying issues created by the javascript. But it will make your page look

Re: [css-d] Same CSS, Same Browser But Looks Different Locally/Online

e internet version. When 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 whit

Re: [css-d] IE9 Question from XP user.

On Wed, Mar 16, 2011 at 3:34 AM, Barney Carroll wrote: > Al's X-UA-Compatible advice is sound. However *if* you are unable to > vouch for IE9's presentation and don't want to take it for granted > before presenting to the client (and the outside world), but know that > the page works fine in IE8,

[css-d] IE9 Question from XP user.

I can save the rendering time. 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

Re: [css-d] Stop supporting IE 6 and 7

r > than ie7.  I'm afraid you will continue to see requests for ie6&7 help on > this list for some time.  That MS didn't make a version of 8 or 9 compatible > with XP makes me mad. > I'm running IE8 on my WinXP sp2 and WinXP sp3 machines. Don't know if there

Re: [css-d] strange IEX behaviour

our html code http://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. Regar

Re: [css-d] min-height best-practices

On Thu, Dec 16, 2010 at 9:32 PM, Chetan Crasta 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 wrote: > The spec is a good start :-) > see 10.7: http://www.w3.org/TR/CSS21/visudet.html#propdef

Re: [css-d] min-height best-practices

t. But, ran into some trouble and an article or two that somehow convinced me that I was better off trying to make 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-heigh

Re: [css-d] Anchor tags and ability of browser window to scroll

tter target for your question. Folks on both lists are equally friendly and knowledgeable. WebDesign Regards, Claude Needham __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wi

Re: [css-d] should this class override my other one?

On Tue, Dec 14, 2010 at 7:58 PM, Tim Climis 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 now, put the

Re: [css-d] Site Revision

a user at ease the better. Maybe add a little code 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 confus

Re: [css-d] span:link and span:visited

e 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.

Re: [css-d] [+] Can this stretch be made to work in IE6?

On Sun, Nov 14, 2010 at 8:11 PM, Thierry Koblentz 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 fo

[css-d] Can this stretch be made to work in IE6?

full page. 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/mailma

Re: [css-d] why aren't these 2 divs on top of each other?

me. Admittedly, this may not duplicate a working environment. But in this one 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 __

Re: [css-d] Line Break in Image Row

On Mon, Nov 8, 2010 at 1:44 PM, Roth 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: >  __   __   __   __   __ > |__| |__| |__| |

Re: [css-d] Quirks compendium?

On Sun, Nov 7, 2010 at 11:38 AM, David McGlone 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 PCs owned by f

Re: [css-d] Blocking css was ADMIN: Is blocking ads OK for web developers?

ince then I have avoided such names for id or class. 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 -

Re: [css-d] setting z-index on a lightbox in WordPress

e viewer to have access to those menu options. Unless I 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-di

Re: [css-d] PX vs. EM ?

#x27;s my two cents. Hope 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:

Re: [css-d] What in the world

border: 1px solid #ff; float: left; /* add float here */ } #footer { clear: left; /* add clear here */ width: 900px; border: 3px dashed $ff; } In order to "see" what this looks like try stuffing some content into the elements. I use http://www.lorem-ipsum.info/_latin as m

Re: [css-d] Using ems for image size

On Sat, Sep 25, 2010 at 11:49 AM, Felix Miata wrote: > On 2010/09/25 13:05 (GMT-0500) Keith Purtell composed: >  multiply or divide, depending on your conversion direction, by the > contextual px font-size Firebug will be your friend in this regard. Be sure to click on the computed tab to see w

Re: [css-d] Can i vertically centre a UL?

On Tue, Sep 14, 2010 at 1:47 PM, Climis, Tim 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 dynamic heig

Re: [css-d] Managing import rules

High Performance Web Sites blog -- don’t use @import [April 9, 2009 12:32 AM]" http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ I suppose there may be cogent reasons to use @import in some situations. I have not encountered those in my limited experience. Would definitely be intere

Re: [css-d] Using templates from CSS Zengarden site

lsewhere 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://ww

Re: [css-d] Type sizes?

On Thu, Sep 9, 2010 at 5:18 AM, tedd 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 em's, such

Re: [css-d] Unusual IE7 weirdness

On Fri, Aug 27, 2010 at 7:19 PM, David Laakso 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 >> understa

[css-d] Unusual IE7 weirdness

to be learned. Regards, Claude Needham http://www.w3.org/TR/html4/strict.dtd";> Test Page At pro alii vidit utroque. Vix in feugiat percipitur. At pro alii vidit utroque. Vix in feugiat percipitur. __ css-disc

Re: [css-d] iPad

On Thu, Aug 26, 2010 at 12:06 PM, Rick Gordon 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 just for some proper

Re: [css-d] iPad

forward to hearing 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 ___

Re: [css-d] Off topic, web hosting help

ing company. In addition I gave 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

Re: [css-d] Can CSS get me out of the stone age?

On Thu, Aug 26, 2010 at 5:22 AM, Lineberger, Scott 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 possible products listed 15

Re: [css-d] Any good CMS platforms?

apps, 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

Re: [css-d] Inline Style

will accept a section. p.testfl:first-letter { color:#ff; font-size:xx-large; margin-right: -6px; } This is a text. This is more text Regards, Claude Needham __ css-discuss [cs...@lists

Re: [css-d] ID vs. Class

type currently. I 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

Re: [css-d] I need a good scripted font

> On Wed, Jul 14, 2010 at 1:52 PM, Andy B. 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 certainly something that

Re: [css-d] styling text inside a div

> 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 wid

Re: [css-d] Verifying positions of modules and page layout.

move layout. (I use an old asci text program for this). 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 p

Re: [css-d] Safari 'overlabel' absolute position problem

id not trace the javascript. It is possible that the javascript is loading css 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 __

Re: [css-d] help on avoid background-image to move while scrolling the page.

at have javascript enabled. It is reasonable for significant functionality to be lost for those browsers that have chosen to not enable javascript -- maybe they have Firefow NoScript running. However, if possible, the page should render in a reasonable fashion even for those without javascript. Regar

Re: [css-d] Why is the space collapsed?

be so nice to fudge the font-sizes to compensate for the fact that different fonts have different visual sizes at the same numeric font-size. Regards, Claude Needham http://www.galaxywebsitedesign.com __ css-discuss [cs...@lists

Re: [css-d] CSS + Webkit question - moving elements

On Wed, Jun 30, 2010 at 10:47 PM, Fobin 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 out why... A

Re: [css-d] CSS + Webkit question - moving elements

give helpers a cleaner page 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 poli

Re: [css-d] learning html5

On Tue, Jun 29, 2010 at 9:22 AM, John wrote: > Any suggestions on how one can learn html5? > > thanks! > > J Here are a few links I am trying to learn from: http://diveintohtml5.org/ http://www.html5rocks.com/ http://www.whatwg.org/specs/web-apps/current-work/multipage/ Regards,

Re: [css-d] Is this even possible with blockquote?

On Mon, Jun 28, 2010 at 1:29 PM, David Laakso wrote: > I don't know if this will work for you in the particular situation you have > at hand? > > > Best, > ~d Thanks David, That is the kind of solution that I suspect will be necessary. Was hoping f

Re: [css-d] Is this even possible with blockquote?

On Mon, Jun 28, 2010 at 11:06 AM, Jukka K. Korpela 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 example URL demon

[css-d] Is this even possible with blockquote?

rsion 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

Re: [css-d] page not loading properly in IE8

n IE8. In IE8 it loaded 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 breaki

Re: [css-d] centered nav over an image /?

On Thu, Jun 24, 2010 at 5:04 AM, Tim Climis 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 explicit height to that > co

Re: [css-d] web page help

On Tue, Jun 22, 2010 at 9:42 AM, Bernardo Doré 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 working? I'm not se

Re: [css-d] Newbie Building Boxes

pon absolute positioning it seems 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] ht

Re: [css-d] Pure CSS fisheye menu with icons: a demo

> Claude, there is a link Gabriele's live "demo" page. > I think you just didn't see it... > > Best, > ~d Right you are. Sitting there in plain sight for all to see. Thanks for pointing the way to it. It is a nice effect.

Re: [css-d] Pure CSS fisheye menu with icons: a demo

> Why not use image replacement? Granted they would be larger images, > but that way you load and deal with only one image per menu item. > > Here's an example: > > http://webbytedd.com/bb/replace-image2/ > > Cheers, > > tedd It is most helpful having a live demo of the effect. That is something I

Re: [css-d] interesting nav issue - please help :)

On Wed, Jun 2, 2010 at 6:49 PM, Theresa Mesa 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*, along with the > jogging.

Re: [css-d] Need help on handling h1 next to a floating div

On Thu, May 20, 2010 at 8:54 PM, Thierry Koblentz 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: > http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts/

[css-d] Need help on handling h1 next to a floating div

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

[css-d] Question about cross browser compatibility of max-width

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 property

Re: [css-d] Menu problems in IE7

On Fri, Apr 2, 2010 at 6:20 PM, Matt Fielding 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, in IE7 > the

Re: [css-d] Unwanted horizontal scroll in IE 7/6

On Thu, Apr 1, 2010 at 10:13 AM, Bill Braun 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 abl

Re: [css-d] New to css

On Mon, Mar 29, 2010 at 2:16 PM, Bill Braun wrote: > Setting aside the moral implications, having made a transition from a > site built completely around tables to one based on , the latter, > in my experience and opinion, takes much better advantage of CSS. I have > been able to do everything usi

Re: [css-d] New to css

On Mon, Mar 29, 2010 at 11:28 AM, Climis, Tim 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 a page b

Re: [css-d] Nested Divs - Backgrounds Out of Sequence

On Tue, Mar 23, 2010 at 7:36 AM, Andrew Frazier 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 the css is behaving as expect

Re: [css-d] div not floating in FF

> -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

Re: [css-d] Question about standards compliant mode in IE

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 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

[css-d] Question about standards compliant mode in IE

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 dark).

Re: [css-d] IE problem

On Fri, Mar 19, 2010 at 8:28 AM, Atkinson, Sarah 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. > >  http://test.grantstinn.com/ Hel

Re: [css-d] Question about how to handle div height with floating children

issful sleep forgetting about everything 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-d] Question about how to handle div height with floating children

s 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://

Re: [css-d] 2 small css problems

rid 80% or 75%, etc. There is a possible issue 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

Re: [css-d] 2 small css problems

in the code. Delete the line 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.inc