Re: [css-d] mysterious letter appearing only in IE6
> In the top right there is a menu and in IE6, and ONLY in IE6, > the letter > "e" appears like a fourth link in the menu. > > http://raidesign.ca/test/test.html in my copy of IE6 (on WinXP) there's nothing at all above the large image, which is jammed right against the top of the window. my advanced straw-grasping abilities and ignorance of Canadian addressing makes me want to ask if this is really the address behind the image at the bottom of the page: 406 Des Pins )., Espace 71, Montreal QC the right paren period comma Espace seems, well, even odder than I remember Canada being. joel __ 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/
Re: [css-d] Missing width and height for : why IE doesn't showtheimage when I'm using CSS?
> t show the images when height="" and width="" If the height and width are explicitly set to zero, well, they'll be zero. If they're *left out entirely*, that's not great, but at least it doesn't display them with a width and height of zero. joel __ 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/
Re: [css-d] How can I prevent this menu from wrapping?
> I can't get anything to work without either > getting a scrollbar or having the menu be the wrong width. What's the 'Other Option' you're looking for? If the nav is wider than the window, either it wraps or you get a scrollbar, unless you're looking for a way to shrink the nav on the fly? I think I'm confused. Maybe. joel __ 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/
Re: [css-d] coloring ordered list item numbers
> Is there a "CSS way" of handling it without extraneous markup: > > foo Nope. (Okay, not that I know of.) Different browser/speed of the wind/OS combinations seem to handle list bullets very differently. Which makes this 'necessary markup' rather than 'extraneous markup', yes? ;) Maybe it's just me, but I've never thought of this before, yet I've seen it asked here twice in the past week. New fad? joel __ 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/
Re: [css-d] Easy way to replace table layout with css-layout?
> I'm trying to achieve someting like this (the rows and > columns that is): > http://www.wiberger.se/templates/vred.htm That's tabular data, isn't it? Either it belongs in columns and rows, and you should use a table, or it doesn't belong in columns and rows, and just floating items left until the page width is filled would be an acceptable visual representation, yes? joel __ 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/
Re: [css-d] Beginner: fixing text to bottom of a div
> > #heading {
> > position: relative;
> > }
> >
> > #heading h1 {
> > bottom: 0;
> > position: absolute;
> > }
> >
> > Works for me.
>
> Thanks, for me, too. Now I gotta read why ;)
from http://css-discuss.incutio.com/?page=AbsoluteLayouts
"The CSS2 specification tells us that an absolute positioned element is
"assigned a position with respect to a containing block". This is not
particularly clear - what it actually means is that the element is
positioned with respect to the "nearest" containing block that is itself
positioned using either position: absolute or position: relative."
Helped me enormously to be directed to this bit of deduction when I was
doing something similar (or attempting it, anyway.)
joel
__
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] simple css question
> Does 50% x 2 not > equal 100% in IE 7? Quite often, it doesn't, since IE has emotional issues with padding due to some childhood trauma. See http://www.positioniseverything.net/explorer/floatIndent.html or this list's archives (where would those be, I wonder?) for more details. joel __ 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] 5 column 5 row table
> I' m trying to > recreate a five column, 5 row table using CSS I'll leave the other semantic issues to more experienced heads, but are you certain your data isn't really tabular, making a table the correct tool? joel __ 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] Ways to create css pages
> That said, whether you maintain libraries and/or snippets of css for > reuse from project to project or like to roll your sleeves up afresh > each time confronted with a blank slate is very much on topic, so > have at it! I've developed the habit of reusing the most recent client's CSS for the next task, and it's led me astray, methinks. Until I realized what I was doing (forced by clients who actually had *opinions*) my sites took on an overwhelming 'sameness' that, when brought to my attention, was embarrassing. On the other hand, I do have bits not quite modularized that I love to reuse. These are going to get catalogued, genericized enough to *be* modules, and plugged and played. At the very least, reuse simplifies my thought processes, and bug fixes when they finally come to light. joel __ 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] Un-wanted space around images
> I want six thumbnails of the same size lined up horizontally to be > touching each other. They do until I create a link out of each of > them. you may only be styling the ; if they're links, you'll need to style the as well (which would explain why it happens when you make them links) joel __ 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] Companion column method
> http://www.satzansatz.de/cssd/companions.html > > introduces a technique for equal heights aspect of columns. I'll have to come back and give it a thorough read rather than just scanning, but I have to say, this graphic http://www.satzansatz.de/cssd/companions/co-pedestal.png is a spectacular example of informational illustration. Without it, the article might have become an incomprehensible blur to me, with my rudimentary understanding of CSS. The illustration makes the entire concept obvious and now I'm burning to try it. Thanks ever so much. joel __ 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] alignment using CSS
> I have a list of hours > > Monday - Friday9:00 AM - 9:00 PM > Saturday 9:00 AM - 7:00 PM > SundayClosed the fact that you don't explicitly include the headings 'Days' and 'Hours' doesn't stop it being a table. it's tabular data; I'd consider using pure CSS to be the krufty way, and tables a heroic stab and semantic perfection. or some such nonsense :) joel __ 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] Best way for text when enlarged
> complete user control over text size > Example: I have a fixed width design mutually exclusive parameters. if the width is fixed, at some point I can enlarge the text enough to break it. it's about balance - *how much* can they enlarge it before it breaks? is it really 'broken' or just not the pixel perfect layout you wanted? I struggle not to use fixed width layouts, but I'm going to have to get much more comfortable with CSS and with my design skills before that becomes a reality. joel __ 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] Ideas for handling text with CSS
> > > include 3 pieces of information, like name, phone, and email > Is a table with just one column really a table? nope, it's a list. now, a table with *three* columns, that's different . . . __ 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] Ideas for handling text with CSS
> I was wondering if anyone has a link or information as how to > best handle > text with CSS. By text I mean a line of text that may > include 3 pieces of > information, like name, phone, and email address. > > In the past, I always used tables for this, but want to > handle this with > the use of CSS if possible. my first question (as usual) is, are you absolutely sure tables aren't semantically correct? if you're using this as tabular data, tables are not only okay, they're the best choice. otherwise, a bit more explanation about what you mean by 'handling' the text would help. I usually just wear a pair of white kid gloves, but that might not help you ;) joel __ 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] tabbed nav: head chopped off in IE
I've sorted out the FF issue; now it's just IE. I can't find any reference to the right bug to fix :( http://spinhead.info/ah/4.1/ The tabbed navigation floats up and the top border of each tab is chopped off. Any thoughts? Thanks. joel __ 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] tabbed nav: won't sit down in FF, head chopped off in IE
http://spinhead.info/ah/4.1/ The tabbed navigation floats above the bottom of the header div instead of dropping to the bottom in FF. In IE, it floats to the top and the top border of each tab is chopped off. I've colored the background of the navcontainer yellow and the header div turquoise just so I can see what's where. Any thoughts? Thanks. joel __ 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] mystery padding/margin
> Joel D Canfield wrote: > > I can't sort out why the navigation is dropped about 1 em > below the top > > of the containing div here: > > > > http://www.grassies.com/ > > > > In what browser and operating system are you experiencing > this problem? well, invisible elves strike again - I don't see it any more. thanks anyway joel __ 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] mystery padding/margin
I can't sort out why the navigation is dropped about 1 em below the top of the containing div here: http://www.grassies.com/ Any ideas? thanks joel __ 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] Centering a floating element
> It's a list of prices, in my opinion. Prices, related to quantities. Rows and columns; a matrix of related values. A list is a single column of values; once you get into multiple columns which are directly related like this, isn't that tabular? joel __ 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] Centering a floating element
> I do NOT want to resort to tables, and I'm > starting to think I have to :( Why do you feel this isn't tabular data? joel __ 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] FW: Unwanted underlines on text (not links) in FF
> All my *text* (not just links) is underlined on mouseover in This isn't valid: An anchor has to have a separate end tag, thus: visible text joel No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.467 / Virus Database: 269.6.6/794 - Release Date: 5/8/2007 2:23 PM __ 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] image shifted right
I can't sort out why the logo in the white box at the top is shifted right 8 or 10 px http://spinhead.info/ah/one/ I've colored the background image yellow to show where the left edge is; the white background of the logo image should cover that, but leave a small dark blue border to the right. thanks for any suggestions joel No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.463 / Virus Database: 269.5.10/774 - Release Date: 4/23/2007 5:26 PM __ 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] gap between divs in IE6 only
This page http://rgtoday.com/rg/new/ looks as expected in FireFox, last two versions of Netscape, last two versions of Opera, and IE7. In IE6 the last rounded corner-producing div in each column has a large gap above it. Any idea what I've done to cause it? Thanks very much. joel -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.446 / Virus Database: 269.4.0/761 - Release Date: 4/14/2007 9:36 PM __ 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 padding and/or positioning issues
http://rgtoday.com/rg/new/ Looks as expected in the last two versions of FireFox, Netscape, and Opera. In IE7, the text in the header is jammed at the top instead of being more or less vertically centered. IE6 is even cooler; besides the header alignment issue, the image div at the bottom of each column is dropped by quite a bit, leaving a huge gap between the box and the curved bottom image. Also, there's a groovy black outline, possibly IE's way of telling me borders can't have a color of 'transparent' although I really have no clue. Besides pointers to solutions to these issues, if there's a better way to do rounded corners without tacking a curved image on the bottom of the boxes, that'd be nice to know about. thanks joel -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.446 / Virus Database: 269.4.0/760 - Release Date: 4/13/2007 8:04 PM __ 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] Firefox - opening container with only floats inside
> I have a wrapper DIV. Inside that > wrapper div, > all the content is floated, thereby causing the wrapper DIV > to never open up. float the wrapper. if everything inside it is floated, it collapses. floating it puts it in the same negative zone as the other DIVs (and, presumably, Captain America) joel -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.446 / Virus Database: 269.2.0/757 - Release Date: 4/11/2007 5:14 PM __ 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] IE6 blows up my nav; NN 8,9 add mystery line
http://spinhead.info/ah/test/test.asp IE6 blows up the navigation which appears as expected in FireFox, Opera, and Navigator Navigator adds a thing peep of background under the last paragraph, which sure seems to be styled exactly as the two above it, which appear as expected. (this is all a rough draft which is why the top banner pic is ugly, and the lower curves are jaggy. among other things ;) thanks joel -- Joel D Canfield [EMAIL PROTECTED] Intranet Intelligence Streamline Business Tasks with Web Tools http://Streamliine.com/ -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.446 / Virus Database: 268.18.16/729 - Release Date: 3/21/2007 7:52 AM __ 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] a in li w/o padding-top -bottom: what is IE doing?
http://streamliine.com/ii/bb/ looks as expected in FireFox, last two versions of NN, and Opera. IE7 adds padding, methinks, to the text; IE6 blows up entirely and adds a quart of margin. why? thanks muchly spinhead -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.446 / Virus Database: 268.18.8/714 - Release Date: 3/8/2007 10:58 AM __ 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] setting width of
I'm stumped (again) How can I set the width of the navigation on the right so each link is the same width? Meaning, the background/hover effects, etc. http://www.grassies.com/g/ Setting the width of just doesn't seem to have any effect whatsoever. Thanks. joel -- Joel D Canfield [EMAIL PROTECTED] 916.771.9297 home 916.765.1712 cell 286 Alta Vista Avenue Roseville CA 95678 Intranet Intelligence Streamline Business Tasks with Web Tools http://Streamliine.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) not clearing
Still struggling with the quirks of CSS in IE; perhaps this should be obvious, but I can't tell why the content div floats left against the logo div in IE 6 & 7, rising to the top of the page, but in FF, NN, and Opera, the header clears, and the content floats left against it, top-aligned with the header: http://www.grassies.com/g/ thanks ever so much spinhead __ 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/
