Re: [css-d] percentage widths don't add up to 100 in Safari and Opera
On 1/16/08, Felix Miata [EMAIL PROTECTED] wrote: On 2008/01/16 16:06 (GMT) Jason Crosse apparently typed: Using ems would also mean that the layout would break when the user changes font size. Properly using ems to size things is precisely how you prevent layouts from breaking when actually used font size differs from the font size you used while designing. Also, when you design using the user's default as the base (e.g. body, td p @ font-size: 100%), he won't need to change it. -- Most designers, and more importantly clients, don't want their body copy at 16pt. So I am always setting a font-size on p's, etc. to .8 or .85ems. Should someone who NEEDS larger text scale up these pages, the layout may break. However, you are correct that proper use of ems should prevent it from breaking in the first place. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] 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 -- http://www.evolt.org/help_support_evolt/
[css-d] Coding for Chinese audience
Hi list, Can anyone help me prepare for coding an HTML email for a Chinese audience? I have never done anything with Asian characters before. I am on a Mac using DW8. Any help would be appreciated... TIA -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6/7 issue
Hi list, Here's the page: http://proof.mlinc.com/mlinc.com/06/news/ Hit it in FF/Safari for desired layout for head/paragraph relation. Why won't it work in IE 6/7? Just can't see it. Thanks -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6/7 issue
On 3/30/07, Tom Livingston [EMAIL PROTECTED] wrote: Hi list, Here's the page: http://proof.mlinc.com/mlinc.com/06/news/ Hit it in FF/Safari for desired layout for head/paragraph relation. Why won't it work in IE 6/7? Just can't see it. Thanks -- Always happens to me. When i enlist the public for help, I figure it out. I guess it's the fear of looking stupid. :-P Thanks if you looked... Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Vertical Centering
Listers, I recall someone posting a very easy method of vertical centering a block in a viewport a while back. Seemed straight forward - positioning with percentages and a little negative margin nudging. Googled but came up empty. Can anyone point me to this? How cross-browser is it? Thanks a bunch. -- Tom Livingston __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Vertical Centering
On 3/23/06 1:24 PM, ~davidLaakso [EMAIL PROTECTED] wrote: You'll be sorry. I'm not sorry (well, maybe about the 'Love you' comment...), but the bit about the content being off screen on short windows was correct. Of course, in my case the window had to be _very_ short, but none the less, it wasn't ideal. My content has a fixed width and height, so the other issues didn't apply. We used a table. CSS 3, where are you... Thanks anyway all. -- Tom Livingston __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
On 4/20/06 2:49 AM, GypsiiRose Baptiste [EMAIL PROTECTED] wrote: Do people still test for Opera? Looks good in Opera Mac too. I recommend Opera Mac. Try this version: http://snapshot.opera.com/mac/m90b1.html -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Page Break properties
Listers, Are the page-break properties widely supported? Or at least in IE6, Safari and maybe Opera (Win/Mac)? Any resources on their use besides the w3c site? TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera and background-image -- a filter hack
On Wed, 11 May 2005 11:07:55 -0400, Ingo Chao [EMAIL PROTECTED] wrote: Uwe Kaiser schrieb: So I will enlarge the bitmap for some few pixels. No need to despair! http://www.satzansatz.de/cssd/tmp/bgfilter.html Mac tests please. Mac Opera 8b1 sees... maroon. -- Tom Livingston Senior Multimedia Artist mlinc.com -- www.browsehappy.com www.opera.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please!
On Fri, 13 May 2005 14:39:36 -0400, anthony croshaw [EMAIL PROTECTED] wrote: I have no way of checking macs, cheers Ant http://www.onceuponatimenursery.com http://www.onceuponatimenursery.com/ Looks good in Safari 1.3 and Opera 8b1 except in both, the pages scroll down much farther than needed past the IE7 bug. -- Tom Livingston Senior Multimedia Artist mlinc.com -- www.browsehappy.com www.opera.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Design-centric Standards resources
Hello list, I've been to the Wiki. Can anyone recommend Designer-centric Standards resources to help make designers aware of designing with standards in mind? Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com --- www.browsehappy.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float help
Hello list, I am having trouble with a layout. If you use FF and have Web Dev toolbar you will see my dilemma. I can't find where the text under the thumbnails is getting the huge width from. I'm sure it is something stupid. http://www.petticoatjewels.com/test/designs.htm TIA -- Tom Livingston Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float help
On Mon, 27 Jun 2005 16:19:51 -0400, Tom Livingston [EMAIL PROTECTED] wrote: Hello list, I am having trouble with a layout. If you use FF and have Web Dev toolbar you will see my dilemma. I can't find where the text under the thumbnails is getting the huge width from. I'm sure it is something stupid. http://www.petticoatjewels.com/test/designs.htm TIA I solved my initial problem, but am not sure if my fix will make anyone clasp a hand over their mouth to keep the last thing they ate from getting on their shoes. Please take a peek if you have the time and also let me know, if possible, how to get rid of the extra space to the left of the images. They should line up, on the left, with the paragraph above them. TIA -- Tom Livingston Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float help
On Tue, 28 Jun 2005 18:05:12 -0400, Holly Bergevin [EMAIL PROTECTED] wrote: Assuming the problem is in IE/Win (my Mozilla looks fine, as does Opera) please see - http://www.positioniseverything.net/explorer/doubled-margin.html hope that helps, ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Words of wisdom from the master... ;-) Sounds like it exactly. Thanks Holly! -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] problem with background image
Any thoughts? Page has 33 validation errors, including something with the body... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site Vista
Hello list, Possibly old news, but have you all seen this? http://www.sitevista.com/ Some good features, like full-page-depth screen shots. Looks interesting. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check: stephenjoneslaw.com
On Thu, 14 Jul 2005 13:56:08 -0400, Jeff Clark [EMAIL PROTECTED] wrote: (especially if you're on a Mac or using a browser that isn't FF or IE) http://www.stephenjoneslaw.com/home Jeff Mac Opera 8.01 looks good. This is good stuff. Text is smaller than you normally see, but very readable to me and it's nice to see something unique for a change. Screenie available upon request. There is some overlapping that may be intentional, but not sure. Near the top right corner of the green phone number area - the bevel/shadow effect on the photo is getting cut and doesn't flow down nice along edge of the white copy area. Follow that? ;-) Nice! -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check, Please.
On Mon, 29 Aug 2005 09:08:12 -0400, Felix Miata [EMAIL PROTECTED] wrote: (image is only properly representative if viewed at 1792x1344 or 1800x1350 resolution) and the percentage of users in her site logs that run 1800x1350 would be interesting to know, no? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera ASA giving away license codes (1 day only!)
On Tue, 30 Aug 2005 11:36:03 -0400, Timothy J. Luoma [EMAIL PROTECTED] wrote: Go here http:// apparently, everyone did go there. Servers are sure getting a beating -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Now possible: CSS Constants
On Wed, 31 Aug 2005 18:01:46 -0400, Eric A. Meyer [EMAIL PROTECTED] wrote: @server constants { baseColor: #ABCDEF; hiliteColor: #0DECAF; baseFont: Helvetica, Arial, Verdana, sans-serif; } body {font: small baseFont;} a:link {color: baseColor;} a:hover {color: hiliteColor;} Perhaps I am just not as worldly as others (of of limited brain capacity), but I am having trouble seeing how the above would differ from this: html, body{color:#ABCDEF; font-family:Helvetica, Arial, Verdana, sans-serif;}/*or just body*/ a{color:#FDECAF;}/*even necessary?*/ a:hover{color:#0DECAF;} I can see where hiliteColor might be handy, but still, why not just define it where needed? I am very familiar with the server side include concept as I use ColdFusion frequently, but given the setup requirements for this, it doesn't seem very universal... Enlightenment need. TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Now possible: CSS Constants
On Thu, 01 Sep 2005 09:29:57 -0400, Rimantas Liubertas [EMAIL PROTECTED] wrote: Take any real big CSS file with the same five-six colors repeated tens of times for various elements and benefits will be obviuos. And thats very handy for color skining. Still, having Find And Replace in my editor seems easier that the setup for this... just me I guess -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Win IE5/5_5 Help
Hello all, I have been going around and around with this and decided it was time to call in the experts... I am having a width/border/lining-up issue in IE 5 Win and IE 5.5 Win on this page (and others most likely): http://66.155.251.18/joinmvp.com/members/ look at the left and right top red edges to see my issue. I have been using browsercam (Win 2000 ie5/ie5.5) for testing, but can't get it. FWIW, I don't see it with my multiple installs of IE on my PC... Anyone see the trouble and have a solution? TIA (very much!) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Win IE5/5_5 Help
On Mon, 12 Sep 2005 13:11:42 -0400, Tom Livingston [EMAIL PROTECTED] wrote: Anyone see the trouble and have a solution? Well, you won't see it now cause I finally got it. If you can take a peek and confirm my BrowserCam results I'd appreciate it. Thanks to you if you looked already... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Jello layout style
Hello list, Someone mentioned the Jello layout style during a thread over on the WSG list (http://positioniseverything.net/articles/jello-expo.html - thank you who ever you are -- very cool!) but I was wondering if anyone has used this and if they ran into any problems with it. It seems to fit a need I have on an upcoming project and I wanna know now if I'm gonna wish I didn't go down the jello-lined path beforehand. TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to get a good monospaced font for IE6
On Wed, 21 Sep 2005 14:16:47 -0400, Rick F. [EMAIL PROTECTED] wrote: I was originally using #4 which works great on Firefox and Safari but doesn't for IE6. The only one that looks quasi monospaced for IE6 is #2.. FWIW, my reply to Rick OL... I guess if all else fails, you could use a conditional comment maybe? !--[if lte IE 6] style type=text/css media=all body{font-family: Arial, Courier New, sans-serif, monospace;} /style ![endif]-- adjust as needed... Rick, i noticed an errant br in what I sent you before... nuke it. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check: simple stuff
On Thu, 22 Sep 2005 13:09:34 -0400, Guy K. Haas [EMAIL PROTECTED] wrote: Could someone out there on a Mac let me know whether http://covinahigh68.com/testing.htm looks OK? Stretchable banner at top fades from white to red, with a red colt in the left end, a title in silver, and a white colt in the right end. Narrowing the window should cause the title to divide into two lines. Yup. Opera 8.5 Mac. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Validator Encoding Note
On Tue, 27 Sep 2005 15:42:59 -0400, Steve Clason [EMAIL PROTECTED] wrote: Most likely your host is serving this: Content-Type: text/html; charset=UTF-8 So if the host is serving this, this isn't something I can change when making a page, right? Obviously, I can change the meta but should I? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari - Layer appears sometimes, not others
On Fri, 30 Sep 2005 03:48:57 -0400, Travis Nep Smith [EMAIL PROTECTED] wrote: Safari wouldn't unhide a layer using JavaScript, if the parent layer was still set to be hidden Sounds logical to me. It's in a container that's hidden, so it's hidden. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] First full CSS site
On Thu, 06 Oct 2005 10:56:57 -0400, Trevor Boult [EMAIL PROTECTED] wrote: Should I really have a 17k stylesheet? Not really. Although impressively neat and tidy, you could do with some efficiencies. Things like font-family. Unless changing font families, you can specify it once on the body and be done with it. body{font-family:Arial, Helvetica, Sans serif ;} Without going through everything, I think you can see where I'm going. I'm sure you can do multiple positioning ideas with one element, rather than id-ing or class-ing everything to be able to put it where you want. Take a look at style sheets from other sites for ideas. I'm sure others on the list will add to this... HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] First full CSS site
On Thu, 06 Oct 2005 22:23:48 -0400, Benjamin Rossen [EMAIL PROTECTED] wrote: I stand corrected. Thanks. Benjamin Rossen. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Me too. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-image doesn't show
On Mon, 10 Oct 2005 11:03:39 -0400, Marian [EMAIL PROTECTED] wrote: www.tanase.it Off the top of my head, make sure the image path is in relation to the stylesheet not the page. This has caught me a couple times... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Jumping text in IEWin
Hello list, In a fluid layout I have a container with a head (h2) and a p. Within this container, I am also floating an image right. As I change the width of my viewport, the text wrapping changes as expected - except in IEWin (6 and 5.5). As the length of the lines of, I believe the h2, change the h2 and p jump up and down approximately the height of the floated image. Unfortunately I can't post the page... NDA and all but if this sounds familiar I would love to hear your tricks or thought processes on stopping this behavior. I think I know what is conceptually happening, but can't get it to stop. I will get it at one width, but then as I change the window width, it will do it again at a different width. I can post code snippets if it will help, otherwise I might have to slap together a test page... TIA for thinking about it... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jumping text in IEWin
Seems I've got rid of the problem in IEWin 6 and 5.5 atleast. I added some padding and added overflow:visible;. Working in my situation anyway. Thanks for the reply. On Tue, 11 Oct 2005 19:16:45 -0400, Christian Montoya [EMAIL PROTECTED] wrote: - Use percentages for all columns in the layout - Use Javascript to force IE to apply a min-width and max-width to the layout After this, there really isn't much you can do, other than make certain block level elements clip on overflow, though this probably won't fix your problem. Russ Weakley's presentation: http://www.maxdesign.com.au/presentation/liquid-layouts/index.htm A resources page that might help, includes Javascript technique: http://liquid.rdpdesign.com/resources/ Seems I've got rid of the problem in IEWin 6 and 5.5 atleast. I added some padding and added overflow:visible;. Working in my situation anyway. Thanks for the reply. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] List with hover background images
Listers... Here is the code I am using on a list of links: #content ul.linklist{list-style-type:none; margin:0 0 20px 0;} #content ul.linklist li{padding:0 0 .3em 40px;} #content ul.linklist a{display:block; padding:0 0 0 20px; margin:0 0 0 -20px;} #content ul.linklist a:hover{display:block; background:url(../images/linklist_rollarrows.gif) top left no-repeat; padding:0 0 0 20px; margin:0 0 0 -20px;} div id=content snip ul class=linklist lia href=#ASA DirectsupSM/sup/a/lili a href=#FASTFUNDsupSM/sup/a/lili a href=#Guarantee Only Processing/a/lili a href=#CommonLine Processing/a/lili a href=#ELM (Education Loan Management)/a/lili a href=#Sallie Mae Laureate/a/lili a href=#ASA's Shadow Program/a/lili a href=#Mapping Your Future/a/lili a href=#Origination and Operational Consulting/a/lili a href=#e.clips Signup and Article Archives/a/lili a href=#Preferred Lender List Services/a/lili a href=#PLUS on the Web/a/lili a href=#PLUS on the Phone or Fax/a/lili a href=#E-signature (Electronic Signature)/a/li /ul /div In some browsers however, my links work across the page, beyond the text, even over blank space like this: |-link text--| hover and link work here The display:block is most likely the cause, right? But I can't figure out how to achieve another way what I am after with the links, which is to have the hover bg image _and_ have the links indented the same if they break to 2 lines. Any thoughts? TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Need more help Was: [css-d] List with hover background images
On Wed, 12 Oct 2005 10:48:05 -0400, Tom Livingston [EMAIL PROTECTED] wrote: |-link text--| hover and link work here OK I solved the above issue by using display:table-cell and feeding WinIE display:block inCCs. But the same fix will not work for this: #faphomecontent p{margin-right:25px; width:90%;} #faphomecontent a.subcatlink{display:block; padding-right:3em; color:#999; background:url(../images/fap/linkone_off.jpg) top right no-repeat; text-decoration:none;} #faphomecontent a.subcatlink span{font-family:Trebuchet MS, Arial, Sans, Helvetica, sans-serif; color:#E5931F; font-style:italic; font-size:1.1em; text-decoration:none;} #faphomecontent a.subcatlink:hover{display:block; padding-right:3em; color:#000; background:url(../images/fap/linkone_on.jpg) top right no-repeat; text-decoration:none;} #faphomecontent a.subcatlink:hover span{font-family:Trebuchet MS, Arial, Sans, Helvetica, sans-serif; color:#9f5e27; font-style:italic; font-size:1.1em; text-decoration:none;} div id=faphomecontent h2 class=subhomehead:: Professionals/h2 pa href=# class=subcatlinkspanLoan Management/spanbr / Link copy goes here. /a/p /div No lists involved with this. All I want is link text with a backgnd image to show on hover. And ONLY the text should hover/link. The above again has active blank space within the href... yes, because of display:block; but I can't get the effect of text-pushed-over-to-allow-for-hover-bg-image w/o it! Am I nutz?? Am I asking the impossible? That window ledge is looking pretty good right now. I'm on the fourth floor.. -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Good looking fluid-width sites
On Mon, 24 Oct 2005 14:06:38 -0400, Austin, Darrel [EMAIL PROTECTED] wrote: The above link is a really nice example of the theory. Alas, there still doesn't seem to be many commercial sites that actually implement such a layout. Still looking, though. ;o) We are working on a commercial site using Mike Purvis's Jello. I can't show it around right now though, but if I do say so myself, it's quite spiffy! ;-) Jello is pretty easy to work with. I have layouts using 1, 2 and 3 columns. I really like it! (Yeah Mike!) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New article on PIE - In Search of the One True Layout
On Wed, 26 Oct 2005 12:05:32 -0400, Donna Casey [EMAIL PROTECTED] wrote: Anyone else, since Alex needs confirmation? Donna Casey Wow. How'd you do that!?!?!? OS X FF 1.0.7 Don't see it in Safari or Opera 9pr1 Mac - under Tiger -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New article on PIE - In Search of the One True Layout
On Wed, 26 Oct 2005 13:15:55 -0400, Alex Robinson [EMAIL PROTECTED] wrote: Anyhow, even if no one is up for doing the test case, can someone please say whether the problem occurs on either the boxes or the borders examples? Or even the simple unadorned one? Boxes did not act the same FF 1.0.7... -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two inline, centered DIVs with line breaks inside
On 4/24/06 4:00 PM, Mike Botsko [EMAIL PROTECTED] wrote: The problem with the float: left is that it offsets the centering. The two boxes are together and with a clear element the DIV boxes surround the links properly, but both links show up in the top left of the wrapping DIV. .linkButtons {position:relative; margin:0 auto; width: 400px; } -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please -- ancientstones.com
On 4/27/06, David Merchant [EMAIL PROTECTED] wrote: snip a max measurement: 544 for the width TTFN, David /snip 8^O 544!? Max!? Wow! What's that look like at a 1600x1200+ resolution? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] asterisk in front of font property
On 5/16/06, Tom Livingston [EMAIL PROTECTED] wrote: body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} It is not valid. I didn't think it was. 'font:' with _only_ a size attribute is incorrect. No? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com -- -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Lock down some text sizes
I'll just feel sorry for the site's visitors. For an example of this technique, see http://www.hotbagelcompany.com (a local bagel shop here that I'm actually quite fond of) Yikes! -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS onclick event?
On 5/17/06, Design Groups [EMAIL PROTECTED] wrote: Christian Montoya wrote: a:active { color:whatever; } Yes, but that only works when you click the button (or mouse down). When you unclick and move away, the color doesn't remain behind, it reverts to the visited color. What I'm looking for is the active state to stay, until another link is clicked. ~Shelly ___ I usually use a class (.active{background-color:pink; color:red;} for example) and then if I am on page X then give this link the .active class. We use a middle-ware for this (ColdFusion, usually), but I am sure JS can be used. Or hard code the pages for this. HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font sizing
On 5/23/06, Shawn Lawler [EMAIL PROTECTED] wrote: what is the intent of the size calculation 62.5%/1.6em? Felix? :-) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS and Email
reason why this is happening and is there a way to fix it? Without seeing code, I can only offer a tip. We have had great sucess with CSS in HTML emails as long as all styles are inline. i.e: li style=padding:47em;Foo/li HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Flexible box with image in the background
.ako-pokracovat-box-middle div { float: left; width: 500px; background: url(../images/ako-pokracovat-box-middle.gif) repeat-y; } change to this maybe? .ako-pokracovat-box-middle{/*took out 'div' here */ float: left; width: 500px; background: url(../images/ako-pokracovat-box-middle.gif) repeat-y; } HTH -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Elastic layouts: want to confirm
idea for accessibility, it often leads to lots of horizontal scrolling What about a width limit (no, not a fixed width site) on the width of the main content in relation to the rest of the page (like an article) so as to allow the font scaling to occur vertically instead of horizontally? This seems like a better solution to me. Like this maybe? http://66.155.251.18/mlinc.com/test/ Scale up. No horiz scroll. -- -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Flexible box with image in the background
On 5/25/06, Erik Gyepes [EMAIL PROTECTED] wrote: Hi, than the bottom is okay, but the TOP image is overwritten by the MIDDLE layer, so this is not really the best :( Erik Those 3 divs are floats. Do they need to? If so, are you clearing them? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it impossible to set margin to h1, h2... el ?
While this will work, I don't recommend it. My method for margins around headings and paragraphs has always been to remove top margins on all text and just set bottom margins on everything. This allows me to control the spacing between headings and the following paragraphs without needing child selectors or classes. I've never needed something more intricate (though I acknowledge others will at times -- try something simple like this first though). Zoe Zoe, I am trying this here: 66.155.251.18/mlinc.com/test/index.html but I am getting double margin (?) under the h1, in FF(Mac) and IE6. What am I missing? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Header problems
IE, the height is off and the background graphic has a gray background. Is the PNG transparent? Sounds like it. IE won't do trans PNGs -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it impossible to set margin to h1, h2... el ?
While this will work, I don't recommend it. My method for margins around headings and paragraphs has always been to remove top margins on all text and just set bottom margins on everything. This allows me to control the spacing between headings and the following paragraphs without needing child selectors or classes. I've never needed something more intricate (though I acknowledge others will at times -- try something simple like this first though). Zoe I'll try again now the messages are coming in again Zoe, I am trying this here: 66.155.251.18/mlinc.com/test/index.html but I am getting double margin (?) under the h1, in FF(Mac) and IE6. What am I missing? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fwd: CSS Browser Cache?
On 5/26/06, cj [EMAIL PROTECTED] wrote: does the forced refresh help at all? (holding down control while hitting f5 or the refresh button) Isn't that shift-refresh? -- -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Display CSS columns to entire page height?
On 6/6/06, Ed Flecko [EMAIL PROTECTED] wrote: Thank you, Tom. I've carefully read your referenced article...but (maybe I'm missing something) I don't see how it will help me; it seems the result is exactly what I already have. Ed I have only done fixed width faux columns and a single color full height I apologize if that wasn't what you were looking for. I don't think I've seen what you want done. Ive only done this: http://alistapart.com/articles/fauxcolumns or this, where the white is always 100% height: http://arobotics.com/ HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Updated CSS Filter/Hack List
On 6/6/06, Kieron McIntyre [EMAIL PROTECTED] wrote: The address is www.digbyswift.com/dithered, so enjoy. Does Safari 2.0.3x act differently than the latest one listed? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check; Kenyon Alumni Bulletin
On 6/7/06, Rebecca Mazur [EMAIL PROTECTED] wrote: I'm most interested in having the pages checked in multiple browsers. There will be broken links, of course; these are just templates. Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ How about http://www.browsercam.com/ HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Printable Pages
xtiandc wrote: Yup...that was it. Changed to media: all and it did the trick. Duh. Thanks! Christian. Tom Livingston [EMAIL PROTECTED] wrote: - Hide quoted text - On 6/5/06, xtiandc wrote: Is there a way to control font size/layout on printable pages? The printer is adhering to my (very) basic layout, but seems to be ignoring my font declarations. Is there a simple way to control this? Without seeing your page, are you specifying media:screen, media:all, media:screen print? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Jello Variation
Hello list, I am playing with a variation of Mike Purvis' jello layout (a variation for me anyway - you may have seen/done this) to make the entire layout scale proportionally (as opposed to just allowing for the text to get bigger/smaller). Can you take a peek - beat on it - and let me know what you think? I literally just swapped out px for ems. In IE6, when the page approaches it's intended max-width, there is a weird jump in the width. A minor thing, but would like to fix it if possible. Got any ideas? http://66.155.251.18/mlinc.com/test/index2.html Original jello page (using px) is here for comparison: http://66.155.251.18/mlinc.com/test/index.html Thanks a bunch! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Jello Variant
Trying this again, didn't see it come through... Hello list, I am playing with a variation of Mike Purvis' jello layout (a variation for me anyway - you may have seen/done this) to make the entire layout scale proportionally (as opposed to just allowing for the text to get bigger/smaller). Can you take a peek - beat on it - and let me know what you think? I literally just swapped out px for ems. In IE6, when the page approaches it's intended max-width, there is a weird jump in the width. A minor thing, but would like to fix it if possible. Got any ideas? http://66.155.251.18/mlinc.com/test/index2.html Original jello page (using px) is here for comparison: http://66.155.251.18/mlinc.com/test/index.html Thanks a bunch! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Print Woes
Hello list, I am banging my head against my desk on this one. IE6 is always printing a second blank page for a couple of Intranet reports here. Are there any typical things that would cause this? I have a print style sheet, but nothing seems to be fixing it. Any thoughts? I can't post the page as it is an internal intranet... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print Woes
URH! I got it. I have some wrappers at 100% height. I was countering it in the print sheet with height:auto; but it wasn't doing anything - in IE at least. When I changed it to height:auto!important; my extra prined sheet went away. One for the books... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 4-col and/or 5-col simple layouts: Examples to learn from?
The article on that page, is a *wonderful and worthwhile read*-- the author of the article did /not/ set the moustype. As I was about to comment on how the text can just be scaled up to suit, I scaled it up myself in Mac Flock (FF) and was amazed to see that when the nav, for starters, gets scaled out of view of my browser window, I do _not_ get a horiz scroll bar! If i widen my browser window, the overflow is there, but I can't _scroll_ to see it. Seems like a problem to me... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] List menu
Here's the css: #mainnav{text-align:left; background-color:#aca195;} #mainnav ul{font-size:.8em; color:#fff; list-style-type:none;} #mainnav ul li{padding:.7em; display:inline;} and the html: div id=mainnav ul liProfessional Liability Insurance/li liSurplus Lines Filings/li liBenefits Solutions/li liAbout/li liContact/li /ul /div My li's aren't showing any top/bottom padding in Mac FF (Flock). Why? TIA! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] min-width and IE
Listers, I am using this for min-width in IE: #wrapper{width:expression(document.body.clientWidth 800 ? 799px : 100% );} If I use ems (50ems) in place of the 799px, IE has a heart attack if I scale the text up at the min-width. In FF, at the min-width, I scale up the text and the layout scales too and I get a horiz scrollbar. This is the behavior I want. Test link: http://66.155.251.18/jltservices.com/ -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Validator working right?
Listers, I just got this error: No error or warning found To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML. No style sheet found on this page: http://66.155.251.18/jltservices.com/ What the heck does it mean? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Validator working right?
On 6/22/06, Bjoern Hoehrmann [EMAIL PROTECTED] wrote: * Tom Livingston wrote: No style sheet found on this page: http://66.155.251.18/jltservices.com/ That's probably because you have no type= attribute on your links. -- Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de 68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ DOH! thank you -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] min-width and IE
On 6/22/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Tom Livingston wrote: Your expression is still triggered by a fixed pixel-width, and doesn't pick up and recalculate the trigger-point based on the browser's default font-size. Try this... #wrapper { width:expression(((document.compatMode document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) (1850/12) * parseInt(document.body.currentStyle.fontSize)? 50em : (((document.compatMode document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) (750/12) * parseInt(document.body.currentStyle.fontSize)? 46em : 100%)); } It's a tested and working expression, but I haven't tested and fine-tuned it for your layout - just plugged in suitable values. I'll write a separate 'min-width' only version later. Georg -- http://www.gunlaug.no No idea what the difference is, but it works great! Thanks so much! The difference is: your first attempt... document.documentElement.clientWidth :document.body.clientWidth) 750 ? 46em : 100%)); } ...vs. the corrected one... document.documentElement.clientWidth :document.body.clientWidth) (750/12) * parseInt(document.body.currentStyle.fontSize)? 46em : 100%)); } See that... (750/12) * parseInt(document.body.currentStyle.fontSize)? ...? That's the calculation: 'window-width in pixels', divided by '/medium/ font-size in points', multiplied by '/actual/ font-size in points' . A clever bit of logic, don't you think? :-) Can I increase the 1850 to something crazy so it will never be hit? It is already so crazy that it won't trigger on windows less than around 1850px recalculated the same as above. However, no problem replacing that 1850 with a larger value - any value. Or you may set 100% instead of the 50em I used, since that'll mean that no action will be taken when the 'max-width' trigger-point is reached. Thanks again. Your very kind to help out! No problem :-) Georg -- http://www.gunlaug.no For the sake of the archives, here's the soluion I am using (including the change of 50em to 100%) from CSS Master Georg ;-) -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Address
How about: .center {text-align:center; margin:0 auto;} or maybe even .center {position:relative; text-align:center; margin:0 auto;} -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] General question on tables
This definitely allows for more creative web site design I beg to differ... http://www.csszengaarden.com Select any design on the right-hand sidebar. The vast majority are extremely creative. IMHO, this proves anything can be acheived with CSS. That being said, I still use tables when there is absolutely no other way to give the designer (here, anyway) what he/she wants. And that includes an unsuccessful, fact-filled attempt to talk him out of what he's trying to accomplish - usually for no good reason other than just because. And it's usually for a small part of a site, not the whole structure. My 2¢... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Liquid columns Printing Issue - update
I do in fact have a print.css file that chops the right and left menu bars before the print. I can't figure out why it truncates past the first page. Are the containers of the content being printed floating? (Sorry, can't look right now). In your print sheet, try getting rid of the floats. i.e. #div{float:none;} HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] General question on tables
Try resizing the font in most designs to see how they break. Very true. However, most (if not all) table based sites will break too. I was responding to the idea that table based allows more creativity. I do agree with your points, though. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Liquid columns Printing Issue - update
[..header data..] table [1-20 page(s) later] /table [..footer data..] Page 2 always seems to hold the footer though which makes the issue really bizarre. The URL once again is: http://hitech.lead2gold.org/view_teams.php The 3 style-sheets I'm using are: (page layout only): http://hitech.lead2gold.org/css/navmain.css (page colors and some table layouts): http://hitech.lead2gold.org/css/green.css (print css) http://hitech.lead2gold.org/css/print.css Thanks again for resolving one of my problems though! Chris I do in fact have a print.css file that chops the right and left menu bars before the print. I can't figure out why it truncates past the first page. Are the containers of the content being printed floating? (Sorry, can't look right now). In your print sheet, try getting rid of the floats. i.e. #div{float:none;} HTH Hmm. The only other print issues I have had (so far) I managed to resolve by having to put width:auto!important; and height:auto!important; in my print sheet. Without the !important added, the print styles didn't over-ride the screen. HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
Also - for IE it would be better if I could make hover work for the entire width of the menu try adding display:block; to your a's and for IE add zoom:1; for the same a's. width:100%; on the a's might be needed as well. HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Need help with the flyout type of menu:
On 6/30/06, Vic Rauch [EMAIL PROTECTED] wrote: Here is the page I'm working on: http://www.ggshows.com/2006A/DisplayPageCMX.html The blue background items should not be in the visible menu. They should fly-out when the item just above the two blue background items is hovered over. The blue background items are the Exhibitor Info and Attendee Info buttons on the left side menu. thanks Vic If I am following right, they should be wrapped in the parent LI, no? So the blue items for Bakersfield should be inside the Bakerfield Home Garden Show li. I only had a quick look though... ;-) HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
.vnav li a{ width: 100%; } .vnav li a:hover { zoom: 1; width: 100%; } www.coalcreekcollision.com is the site. Was this a typo or did you not add the zoom to the a as well? Not just the a:hover. Sorry if this isn't helping... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check esp. IE5/Mac Safari please.
On 7/14/06, David Laakso [EMAIL PROTECTED] wrote: http://public.softectra.com/130706_1/index.html Mark, In Opera 9 Mac, I am getting a persistant vert scroll bar. No time to peek, sorry. Otherwise, nice page! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Formatting
Sure it is. Adding clearing elements, and the ensuing additional CSS (or extra clearing markup), makes code less readable for, in most cases, no good reason. Since overflow: hidden or overflow: auto does the trick, the whole issue of clearing floats becomes essentially a non-issue, and saves extra markup. Hold on. Adding overflow:auto; on a container will clear any and all floats inside said container all by itself!?!? Cross-browser??!! And PIE's Easy Clearing is 'so last year' too?!? Where have I been??? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Formatting
snip i personally would rather not have scrollbars appear or things disappear on elements with width or height. I prefer using option #2 in the wiki (http://css-discuss.incutio.com/?page=ClearingSpace), which doesn't add additional markup, either snip I'm with CJ on this one, though I don't care about Mac IE anymore, and would put the Win IE-specific stuff in a CC. my 2¢ (and I now bow out of this up-and-coming Holy War) -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Position text inside DIV
On 7/18/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I am having trouble positioning the text inside the div. Maybe I have the wrong markup? Where do you want it to be? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Auto adjusting height of container div
On 7/19/06, Ryan Keefer [EMAIL PROTECTED] wrote: Hey all, I'm missing something basic in CSS and it keeps popping up in sites I'm working on. I've got a container div (background of #FFF) that has smaller divs floating in it. I want that container div to automatically adjust its height as more (or less) content is added to the divs inside it. Right now, if I omit height or put height: auto, it doesn't work. I have to put a fixed pixel heights in to make any difference. Sounds like you need to clear the floats. After the last floated element, but within the container add: div style=clear:both; margin:0; padding:0; font-size:0; line-height:0;!--nbsp;--/div Adjust accordingly, or make a class with that style. Also, see: http://www.positioniseverything.net/easyclearing.html or search the CSS-D wiki for clearing HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox auto margin problem
On 7/20/06, Janet Chang [EMAIL PROTECTED] wrote: I tried subbing ems for the percentage and it fixed the width problem on the list of link pages. However, it ended up creating problems on pages where we have a blue box on the right side of the page. The box should stay flush with the left side of the content, but when using ems, it shifts to the right even though the blue box is in a separate calendar div not contained in the content div: Screenshot of page using ems: http://www3.law.northwestern.edu/registrar/facultyscreenshot_em.png Screenshot of page using %: http://www3.law.northwestern.edu/registrar/facultyscreenshot_percent.png (this is what the page should look like) Your screenshot of what it should look like is what I see. But you say: The box should stay flush with the left side of the content, but when using ems, it shifts to the right even though the blue box is in a separate calendar div not contained in the content div: I'm confused. If you want the blue box all the way to the right like the second listed screenshot, can you float it right? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox auto margin problem
On 7/20/06, Janet Chang [EMAIL PROTECTED] wrote: At 10:58 AM 7/20/2006, you wrote: On 7/20/06, Janet Chang [EMAIL PROTECTED] wrote: Sorry, this thing is driving my brain so crazy I'm getting left and right mixed up. What I meant to say was that the blue box is supposed to stay flush with the *right* side of the browser window. But when I set width to ems, it moves over to the left. OK. Sounds like the content is now x ems wide, and the blue is hugging the right of that em width, but there is an outer container - outside the text container - that you want the blue to be at the far right of. Follow that one?! ;-) Can you put the text in it's own container with the x ems width, and float the blue right of the outer container? Stabbing in the dark, sorry. No time to peek right now. HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Testing for IE 5 and Below
On 7/26/06, David Laakso [EMAIL PROTECTED] wrote: Dean Champeau wrote: Hello. If you mean what you have is xp ie6, you could download standalone versions of ie501sp2_nt.zip and ie55sp2_nt.zip from here http://browsers.evolt.org/?ie/32bit/standalone. Be advised that conditional comments get messed up, because the system thinks all versions are the highest installed version - which would be 6. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Whitespace to right of absolutely positioned div
On 7/26/06, Peter [EMAIL PROTECTED] wrote: I have a site where I've stripped out truckload of tables and even tried to protect again some font size variation. It looks good (i.e. works) in FF 1.5 and Opera 9, but hey ho, there's a 2px wide gap in IE. Here's a link to a simplified version www.kuroi.co.uk/testing/ITC. If anybody can tell me what's going on and how I can prevent this, I'd be eternally grateful. just a guess. No time to peek. http://www.positioniseverything.net/explorer/threepxtest.html HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 7 News
Don't know if this is old news. Thought I would share though. IE7 will be available for XP... http://blogs.msdn.com/ie/archive/2006/07/26/678149.aspx Good news in my opinion. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SiteCheckPlease
http://www.westga.edu/~webgroup/design/code/ Scaling text down in FF (Mac) wreaks havoc. Secondary page loses it after 2 clicks up in size... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Win browser alternative?
Hi listers, FYI, here's another one to test for! http://www.getwebkit.org/ Interesting... even if it is only alpha at the moment... ;-) -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari Issue
Hello list, Please take a peek at this page in FF and Safari. Why isn't Safari putting all the main nav links in a nice line like FF (and even IE6!)? Code validates. http://66.155.251.18/joinmvp.com/ Thanks for your time. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fwd: Safari Issue
Hello list, Please take a peek at this page in FF and Safari. Why isn't Safari putting all the main nav links in a nice line like FF (and even IE6!)? Ok. Shame on me for even thinking I needed a table in there in the first place. I'm set now. If you looked, thanks! obscure_harry_potter_reference I have to go punish myself now... I wonder if Dobby is done with that iron... /obscure_harry_potter_reference -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Avoiding empty pages in print - any ideas?
I've created a print.css that does what I want most of the time. However, every now and then I end up with empty pages. Does anyone know of a trick I could use to loose at least the last empty page? I've searched high and low, but I can't find something workable. Sorry, no time to peek... Are you floating major sections of the content? Like a 2- or 3-col layout? Try adding to (or adding period) your print style: * {float:none;} -- or a specific element instead of * That solved similar things for me. Print is getting tricky for me lately... HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 7 Rendering Differences
Hi list, Is there a significant/any difference in rendering (for testing purposes) between IE7RC1 under XP and IE7 under Vista RC x (or Beta 3 or whatever the latest incarnation is)? Thanks -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] One for the Wow, if only everyone did this category...
View this in WebKit browsers only (hence the subject line): http://decaffeinated.org/archives/projects/multibg/background-image.html -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Sticky footer kinda sorta
Hi list, I am in need of a footer that sticks to the bottom of the viewport, but when content runs deep, the footer is pushed down accordingly. Here, for example: http://66.155.251.18/mlinc.com/06/ Can the footer be pinned to the bottom no matter how tall the viewport, but when copy, etc. is added, the footer will push down (with a nice amount of space between footer and copy). ;-) Is this possible without permanently aligning the planets and sacrificing small farm animals? TIA! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 and Safari issues
Hi listers, http://66.155.251.18/mlinc.com/06/clients/ Anyone see why IE7 is adding extra space to the right, causing horizontal scroll when _above_ my min-width? Also, in Safari and latest Webkit nightly, the 3 yellow thumbs and Portfolio/White Paper links are too low on the page. They should line up with the red thumb on the far right - like every other browser. Any thoughts here? Of course, I could be going about the positioning is a less than optimal way... Thanks a bunch for looking. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE and Safari issues (UPDATE)
Hi listers, http://66.155.251.18/mlinc.com/06/clients/ Anyone see why IE7 is adding extra space to the right, causing horizontal scroll when _above_ my min-width? Also, in Safari and latest Webkit nightly, the 3 yellow thumbs and Portfolio/White Paper links are too low on the page. They should line up with the red thumb on the far right - like every other browser. Any thoughts here? Of course, I could be going about the positioning is a less than optimal way... Thanks a bunch for looking. OK, I solved the Safari problem. Still have extra space in IE7... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE and Safari issues (UPDATE) / IE7 horizontal scrollbar
On 10/24/06, Tom Livingston [EMAIL PROTECTED] wrote: This gives a huge scrollbar. Disappointing. Ingo Indeed. Now I have to figure out how else to get those links with the icons to work right w/o the text-indent... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com Life with IE7 begins. I solved my issue with conditional comments - giving IE7 it's own sheet which adds overflow:hidden to my 100% width/100% min-height wrap div. This oddly works w/o cropping any additional added content vertically. Weird, huh? Anyone wanna slap my hand and show me a more proper way? Thanks! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Custom Font Families
Listers, I am being asked for ammunition against pushing custom font families to visitors of a Web site. Anyone have any references on this? I know it has been discussed, but google has been fruitless as of yet. Thanks -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pure CSS drop down menus in Safari
Thanks. It does make a difference. Amazing. I will have to decide what to do now. I think the red hover really help the user follow where they are in the drop down so I might try to just give it for Safari users only. Yeah. It's not as pretty or as intuitive, but if you have to keep the Flash and support users... It's really a Safari/Flash plugin issue. Hope the next WebKit fixes it. Glad I could help... -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pure CSS drop down menus in Safari
On 10/30/06, Tom Livingston [EMAIL PROTECTED] wrote: Thanks. It does make a difference. Amazing. I will have to decide what to do now. I think the red hover really help the user follow where they are in the drop down so I might try to just give it for Safari users only. Yeah. It's not as pretty or as intuitive, but if you have to keep the Flash and support users... It's really a Safari/Flash plugin issue. Hope the next WebKit fixes it. Actually, the latest WebKit doesn't have the problem. Yea! So I guess it'll be fixed in Leopard? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pure CSS drop down menus in Safari
On 10/30/06, Melissa Meyer [EMAIL PROTECTED] wrote: So, does this mean there is a new version of Safari that it isn't a problem with? Do you know when Leopard will be out? Get the latest nightly here: http://webkit.org/ Leopard I think is out in the 1st or 2nd Qtr. of next year. I think. -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Semantic headlines and image replacement
Hi list! Here's one I have been pondering lately... What's the consensus on handling graphic headlines? Designers here love their custom font headlines, so I am always dealing with how to handle them. Usually, it's just the graphic in a div with a proper alt/title but I have been wondering about CSS image replacement. You know, the 'ol h1 with text negative-margined to the next zip code and a graphic headline as a background image. Is this pretty much common place? What's really the best way to deal with graphic headlines. Semantics, and all. Yes, I know, don't use them - use text. But seriously, we all know that's just 'perfect world' stuff... 'round here, it usually graphics rule. Got any resources? Thanks! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] 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 -- http://www.evolt.org/help_support_evolt/