[css-d] Re-entry into Web design

ent sites. I plan to revise a sample page (using CSS) from my old "hobby" site and upload it to my domain in a few weeks. I'd like to be able to post the link here and get comments/troubleshooting. Hope that's OK. - Keith Purtell __

[css-d] Controlling image placement with CSS

sly failed. Comments? I'm still reading Eric Meyer's book ("Cascading Style Sheets/The Definitive Guide"): Maybe I just need a pointer to the right chapter? http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell

Re: [css-d] Controlling image placement with CSS

generates in my inbox! -- - Keith Purtell __ 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

Re: [css-d] Controlling image placement with CSS

Well, the validator was a huge help. Two problems I ran into: 1- It did not like the way I imported my style sheet. I thought my tag

Re: [css-d] Controlling image placement with CSS

the alternative : > >href="style_120704.css"> > > Philip Taylor - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://c

[css-d] Floating images - understanding the details

t relying on my own brain power, simply refer me to the correct section in my "bible"; "Cascading Style Sheets, The Definitive Guide" http://www.keithpurtell.com/kthings/a_body_vance_divs.htm -- - Keith Purtell

[css-d] The big picture (formerly floating images understanding the basics)

the category only (books, music, etc). Upon arrival in that category, the links at left will change to separate pages. Apologies for this lengthy note. - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-d

Re: [css-d] Floating images - understanding the details

Bobby, Embarrassed to admit this, but Firebug was one of three Firefox add-ons that were suggested; all have been installed but I've been too busy to try them out! - Keith Purtell On 8/19/2010 5:51 AM, Bobby Jack wrote: > I don't think anyone's mentioned Firebug yet, whi

Re: [css-d] Floating images - understanding the details

OK, I'm taking a break. I need to re-read everything you all sent me, and I need to finish Eric's book. Then, I'll revise the page and style sheet. Thanks a million! - Keith Purtell __ css-discuss [

[css-d] Missing digest for Aug 20?

I normally receive a daily digest from lists.css-discuss.org sometime during the morning. It is now 7 p.m. CST on Aug. 20 and I haven't received anything. Was wondering why. I don't want to miss any of today's comments.

[css-d] kthings 02 (Formerly "Floating images - understanding ... etc.)

everyone else.) http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incu

[css-d] kthings 02 (Formerly "Floating images -understanding ...etc.)

t;perhaps? (Why?) I was referring to the comment: All the following code is seven years old. Since then, I've forgotten how most of it works. There are references in the Web pages to style in this sheet that I can't even find. Examples: id="Header" AND id="ContTop"

Re: [css-d] kthings 02 (Formerly "Floating images -understanding ...etc.)

Time, and considering keeping the existing brown area, putting brief text in the nav buttons. Then they'd see the full page title when they got there. So many options. Thanks again for helping. - Keith Purtell __ css-di

Re: [css-d] kthings 02 (Formerly "Floating images -understanding ...etc.)

I will correct these errors asap. Thank you for taking time to critique my efforts. Css-d is an outstanding community resource. - Keith Purtell http://www.myspace.com/canyonsofthesky __ css-discuss [cs...@lists.css

[css-d] Zooming and wrappers

a tutorial on how to achieve punctuation like dashes on the Web? http://www.keithpurtell.com/kthings/a_body_vance_divs.htm - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinf

[css-d] Using em or pixel

ere only pixels would give me control. Is there a general guideline about best use of each? - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FA

[css-d] Seeking browser compatibility

tions. My cheap-o agreement with my hosting service limits me to plain html and css documents. Sites advocating these different approaches seem credible, so I'm left with the problem of figuring out which is best. I'd rather ask you folks than run tests that someone

Re: [css-d] Seeking browser compatibility

Wow, thanks for all the replies. Looks like I need to do some testing after all. - Keith Purtell -- Message: 19 Date: Thu, 16 Sep 2010 09:32:07 -0700 From: David Hucklesby To: css-d@lists.css-discuss.org Subject: Re: [css-d] Seeking browser compatibility On 9/15

[css-d] Using ems for image size

Photoshop, use Image Size to figure what the height and width pixels would be at a slightly smaller size, then go to an online site that lets me convert pixels to ems. What a hassle. Shorter path? - Keith Purtell __ css-d

[css-d] Quirks compendium?

t machines because of differing resolutions and media, but when it comes to simply sniffing out CSS quirks, I wonder if someone on the Web has a list of the most common quirks for different browsers/versions? - Keith Purtell __ css-d

[css-d] Aligning a floated image with the top of following text

-pixel disparity was there in the first place? http://www.keithpurtell.com/kthings/atget.htm - Keith Purtell __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css

[css-d] Internal site links handled in print style sheet

t sure how to handle these links in the print.css style sheet. - Keith Purtell __ 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

Re: [css-d] css-d Digest, Vol 96, Issue 6

Pardon my ignorance, but does this mean leading is not normally applied to replaced elements, or that applying leading to the replaced element (in this case an img) would be correct procedure and avoid the need for the padding technique I used? - Keith Purtell On 11/8/2010 12:32 AM, css-d-requ

[css-d] css to control indent

http://www.keithpurtell.com/kthings/credits.htm - Keith Purtell __ 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] css to control indent

that "width: auto" would work. At first, the fact that the credit contents on the right had varying widths was kind of visually jarring. It still is, but I reduced some of the visual confusion by making the left text bold. Thanks. - Keith Purtell On 11/15/2010 2:47 AM, css-d-requ...@lists.

[css-d] How to avoid quirks mode

and forward slash to many of my tags. Mostly in the head, but also with images and some code that embeds a Flash object for playing mp3 files. I'm curious as to why it did that.) http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.

Re: [css-d] Internal site links handled in print style sheet

explanation on the Web of what these two different symbols do here. - Keith Purtell On 11/12/2010 3:46 PM, css-d-requ...@lists.css-discuss.org wrote: > -- > Date: Fri, 12 Nov 2010 11:47:51 -0800 > From: David Hucklesby > To: css-d@lists.css-discuss.org &

[css-d] Can an object be styled?

Can I apply CSS to an object (in this case a Flash object) in a page or do I need to wrap it in a DIV or P? The page where I applied styling directly to an object passed the validator, but I've got a funny feeling it's still not kosher. - Kei

[css-d] Broken text placement in IE6

arkup both validate. http://www.keithpurtell.com/kthings/bj-cole.htm - Keith Purtell __ 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/

[css-d] Broken text placement in IE6

yone here wants to hear about. As for the reason why it needed zapping ... my first guess would be because it's really ugly. Thanks, all. - Keith Purtell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.

[css-d] Image caption, content width issue in IE

sheet for IE, or hack the CSS. Without provoking any irritation, am I correct in my impression that hacking the style sheet is best option, and lack of CSS validation probably won't present me with major problems? - Keith Purtell ___

[css-d] Trying to make text lighter than 100

m/kthings/gifts-of-song.htm#player and here's the CSS so far div.up { font-size:10em; font-weight:100 !important; vertical-align:-.3em; } - Keith Purtell __ css-discuss [css-d@lists.c

Re: [css-d] Trying to make text lighter than 100

in; format=flowed; charset="iso-8859-1"; > reply-type=original Keith Purtell wrote: >> > I'm using a carat character instead of an image of an arrow to point >> > upwards. > I suppose you mean the circumflex "^" (sometimes called the caret). I wonder >

[css-d] One min-width works but the other does not

area width does not narrow when I shrink the browser window. At one point, this was working properly via advice I got from this list, but I've monkeyed with the code and broken something. Any tips? http://www.keithpurtell.com/kthings/bj-cole.htm - Keith Pu

Re: [css-d] One min-width works but the other does not

On 3/14/2011 9:01 AM, css-d-requ...@lists.css-discuss.org wrote: > From: David Laakso > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] One min-width works but the other does not > > On 3/13/11 4:59 PM, Keith Purtell wrote: >> > At one point, this was working p

Re: [css-d] One min-width works but the other does not

color 4 position only. >> >> <http://chelseacreekstudio.com/ca/things.htm> >> >> Best, >> >> Studs Terkel >> >> Chicago > > I got a 404 error at that link. > > > > -Keith > > The convenience store is open for bus

[css-d] Will on-page css override same selector in external style sheet?

Didn't find answer to this in my E. Meyer book or on the Web. Say I have a decent external style sheet that works for 85% of my site visitors. Then I decided that the selector for one item used throughout the site -- paragraph (p) for example -- needs to have a completely different set of propertie

[css-d] UL or css table for navigation panel?

sixth li's below the first three somehow, or use a table. Yes, I know one of the goals of CSS was to provide a method for structuring Web pages that was superior to tables. But, Eric Meyer's reference has an entire chapter on the correct use of CSS to build/style tables. What do you

[css-d] My media redirect is not kicking in

ey error. http://www.keithpurtell.com/kthings/ - Keith Purtell __ 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://

Re: [css-d] My media redirect is not kicking in

e-width: >> 800px)" >> I'm steeling myself for the discovery of another dopey error. >> >> http://www.keithpurtell.com/kthings/ >> >> - Keith Purtell >> > > use > > and see this page > http://www.ist.rit.edu/~jxs/services/mediaQueries

Re: [css-d] My media redirect is not kicking in

my head. Sorry to go off topic; I just don't want anyone here to think I disrespect them. - Keith Purtell www.keithpurtell.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d L

[css-d] Why didn't div border wrap around div contents?

.keithpurtell.com/kthings/indexNew.htm - Keith Purtell __ 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-discuss.or

Re: [css-d] Why didn't div border wrap around div contents?

> Date: Thu, 07 Apr 2011 12:13:48 -0400 > From: David Laakso > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Why didn't div border wrap around div contents? > > Try opening the nav block and containing the content within it... > > body { > /*font-family: Arial, 'Helvetica Neue', He

[css-d] Gradients and CSS validation

Up until I put a final finishing touch on my website revision, I was successful in validating both HTML and CSS. That came to a crashing end when I added a gradient. Is this something I have to live with or can I change the gradient syntax to validate? http://tinyurl.com/44aeabd - Keith Purtell

[css-d] need local tool compress/expand css

I've found a variety of online tools that will compress the contents of my style sheet. But what I really want is software on my PC (Windows XP) that will let me both compress and expand. (I prefer to edit the CSS in expanded form.) Is there such an animal out there? - Keith Pu

[css-d] Looking for online reference re optimizing style sheet syntax

ine where these topics are broken out in a bit more detail? - Keith Purtell __ 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 policie

[css-d] What is best practice when using CSS to create forms?

I have a simple form on my Contact page where I've used DIVs to organize content. Not sure this is best practice. I've seen online articles advocating definition lists () and then the approach described at A List Apart: http://www.alistapart.com/articles/prettyaccessibleforms/ - Kei

Re: [css-d] Looking for online reference re optimizing style sheet syntax

On 4/18/2011 12:19 PM, Nancy Johnson wrote: > There are optimization checkers and I have used those but do it judicially. > http://designshack.co.uk/articles/css/18-css-compression-tools-and-techniques > Some good info there. I hadn't looked into CSS sprites before. They'll be useful when I have

[css-d] Borders oddity when page viewed in Chrome

Well, I expect quirks from IE, but I noticed the following problem today when I view my splash page in Google Chrome. The lower borders in the navigation box render normally, but all vertical and topmost borders are too light. I'm baffled. http://www.keithpurtell.com/kthings/chrome.png -

Re: [css-d] Borders oddity when page viewed in Chrome

On 5/3/2011 12:45 AM, css-d-requ...@lists.css-discuss.org wrote: > On May 1, 2011, at 6:16 AM, Keith Purtell wrote: >> > I noticed the following problem today >> > when I view my splash page in Google Chrome. The lower borders in the >> > navigation box render

[css-d] Trying to retain CSS rounded corner during hover

ode for rounded corners in IE.) - Keith Purtell __ 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-discuss.or

Re: [css-d] Trying to retain CSS rounded corner during hover

On 5/23/2011 6:36 AM, css-d-requ...@lists.css-discuss.org wrote: > Date: Sat, 21 May 2011 21:19:23 -0400 > From: David Laakso > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Trying to retain CSS rounded corner during hover > > --- snip -- > > > Whatever layout suits U2 is fine

[css-d] Best way to use CSS to create image gallery

the images. The best idea I've had so far is that this might be a good time for me to use a sprite. Suggestions? - Keith Purtell http://www.keithpurtell.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-disc

[css-d] battling style sheets, or something else wrong

see in Firefox... http://www.keithpurtell.com/kthings/Omakase.png ... where the top of the text forced down is peeking just above the bottom border of the box. - Keith Purtell __ css-discuss [css-d@lists.css-discuss.org] http://www.c

[css-d] Separating DIVs vertically

other? I looked through Eric's Definitive Guide but apparently not in the right place. If someone knows of where this may be discussed in his book, please let me know. - Keith Purtell __ css-discuss [css-d@lists.css-discuss

[css-d] Testing CSS on iPhone not going well

I finally decided to fork over the cash for a smart phone; an iPhone 3GS. Since then I've been using it to make sure my site looks OK on a mobile device. Lots of bugs, despite the fact that my starting point was CSS provided by David L.: 1-I had to add a meta tag in each page header just to bring

[css-d] DIVs referring to each other, and absolute positioning

no scrolling. It's based on the second link here, but my version ain't working. http://www.keithpurtell.com/kthings/ http://peterned.home.xs4all.nl/examples/csslayout1.html (his scrolls because of increased content) - Keith Purtell ___

Re: [css-d] DIVs referring to each other, and absolute positioning

On 8/15/2011 7:13 AM, Philip TAYLOR (Webmaster, Ret'd) wrote: > > > Keith Purtell wrote: > >> I've removed most of the ugly blankness of my splash page, but two >> technical problems remain. > ... >> http://www.keithpurtell.com/kthings/ > > Ke

Re: [css-d] DIVs referring to each other, and absolute positioning

fact that the style sheet contains numerous selectors from test pages and other experiments. It desperately needs housecleaning. Not only to be more professional, but because errors relating to recent issues I'm working on are li

[css-d] "Expression" hack for IE quirk?

I'm curious as to what some of you may think of this method I saw for handling IE's refusal to recognize max/min-width? I had never heard of an expression hack. * html #wrapper { width: expression( document . body . clientWidth < 972 ? "970px": "a

[css-d] Trying to override site style sheet with inline CSS?

en capture: http://www.keithpurtell.com/kthings/gaps.jpg). I tried inserting inline CSS of text-indent:0 in both the and the s but it didn't have any effect. What to do to banish this monster? - Keith Purtell __ css

Re: [css-d] Trying to override site style sheet with inline CSS?

On 10/9/2011 12:24 PM, css-d-requ...@lists.css-discuss.org wrote: Date: Sun, 09 Oct 2011 12:03:34 +1300 From: Mark Henderson To: css discuss Subject: Re: [css-d] Trying to override site style sheet with inline Keith Purtell wrote: > But one item defies all efforts. For some reason, hiss

Re: [css-d] Trying to override site style sheet with inline CSS?

On 10/9/2011 10:21 PM, Jukka K. Korpela wrote: 10.10.2011 5:57, Keith Purtell wrote: Here'a a direct link... http://tahlequahnow.com/story.php?id=568 Didn't you get my message that I sent to the list? (Sen Sun, 09 Oct 2011 13:20:32 +0300) You have the HTML attribute name "st

[css-d] CSS to auto-adjust iframe content?

We have a client where I work whose online publication has one area on a page defined as an iframe to pull in data from Twitter feeds. Data comes in fine. But this area does/doesn't have vertical/horizontal scroll bars showing up depending on your screen resolution or device. His tech who handl

Re: [css-d] CSS to auto-adjust iframe content?

On 3/10/2012 9:11 AM, Ghodmode wrote: It's not really a CSS question, but a basic HTML question. Iframes have a "scrolling" property that defines whether or not the iframe should have scroll bars... http://www.w3.org/TR/html4/present/frames.html#adef-scrolling However, the default setting will

Re: [css-d] CSS to auto-adjust iframe content?

On 3/11/2012 4:53 AM, Philippe Wittenbergh wrote: http://www.keithpurtell.com/kthings/if.htm So, that is the typical Twitter packet - it generates a truck load of divs and loads contents via ajax calls. If you look at the source of that page, you see a js string that sets the width of one of

[css-d] CSS3 slider box/image triggered by onload?

a no-brainer. But in the case of the CSS3, would it not just be a matter of supplying the code which would launch the moment it finished loading into the browser (unless I add a delay attribute)? The only triggering events I've found so far for CSS3 were based on methods like a:hover -Kei

css-d@lists.css-discuss.org

I put together the following code that was the same on several CSS instructional sites. This test should show "1 & 2" when viewed on iPad 1 or 2, and show "3 & 4" when viewed on iPad 3 or 4. Not working; shows 1 & 2 on iPad 3. I tried code verification thinking there was a typo, but it approved

css-d@lists.css-discuss.org

On 2/18/2013 7:17 PM, Philippe Wittenbergh wrote: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) /* ipad 3 and 4 */ @media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) It is

[css-d] CSS-only auto-center popup?

None of my tests for this have succeeded. We have a Flash-only online publication. Certain areas can be designated as plain hyperlinks. Plain meaning I can only assign a URL, not add a variables. I want one of these URLs to go to a small HTML/CSS file that will display as a popup window on top

[css-d] How best to revise my style sheet? Reverse it?

I recently looked at the style sheet for my long-neglected hobby site. It's a train wreck. I started thinking about the best way to rebuild it from scratch. Remembered some comments I may have heard here about building first for mobile devices, then adding any CSS necessary for computers/laptop

Re: [css-d] How best to revise my style sheet? Reverse it?

I've already started working with the suggestions that were provided. Many thanks. -Keith __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incu