Re: [css-d] a picture with in a picture

2008-03-07 Thread Scott Sauyet
Jim Davis wrote:
 On Thu, Mar 6, 2008 at 6:57 PM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
 Is it possible to have an image showing a picture frame and have that
 as part of the css style sheet.

 Here is a way to have the frame in as a background in the css and adding the
 image in the body of the html:
 http://www.jimdavis.org/test/frame_demo.html

Or a similar technique with no additional markup:

 http://scott.sauyet.com/CSS/Demo/Frame/

Either method works only with fixed-size images.  Techniques that use 
some sort of textured image to make a pseudo-frame are possible, but 
they will require additional containers in the markup, either included 
in the source or added by Javascript.

   -- Scott

__
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] td widths change with img ???

2008-03-07 Thread Scott Sauyet
Mike Schleif wrote:
 Go here:
 http://hb.platinumaire.net/form_4.aspx
 Enter this string:
 {A8D5CDDA-972F-4D33-A7E8-B5342AAE1350}
 and submit.

The server is throwing errors when I try this.  Do you have a spot to 
post just a static copy of the page in question?

   -- Scott
__
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] Two-column layout with sticky footer.

2008-03-07 Thread Scott Sauyet
Okay, I swear I've done this a thousand times, and seen it ten thousand, 
but I've having problems with a straightforward layout problem.  I'm 
wondering if anyone has a similar layout laying around...

I'm looking for a two-column layout.  The left (#nav) column should be 
fixed width and the right (#main) one fluid.  I'd like to have a footer 
that sticks to the bottom of the viewport or the bottom of the document, 
whichever is lower.  And I'd like the main content to come before the 
nav in the source.

I can even live without the sticky footer as long as it's below both 
columns (either of which could be longer.)

This shouldn't be hard, right?

   -- Scott
__
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] Two-column layout with sticky footer.

2008-03-07 Thread Scott Sauyet
[EMAIL PROTECTED] wrote:
 I wanted to re-send because I thought this might help someone else 
 looking for the same thing - otherwise I wouldn't bother.  I just did 
 this *exact* layout for a client the day before yesterday.  You can get 
 the vanilla version here:
 
 http://brassblogs.com/templates/2col.stickyfoot.leftsidebar/

This is pretty close to what I'm looking for.  The only thing I see 
missing is that the main column is supposed to be fluid.  I might play 
around with altering it.

Thanks for your help,

   -- Scott
__
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] Two-column layout with sticky footer.

2008-03-07 Thread Scott Sauyet
David Laakso wrote:
 Scott Sauyet wrote:
 I'm looking for a two-column layout.  The left (#nav) column should be 
 fixed width and the right (#main) one fluid.  I'd like to have a footer 
 that sticks to the bottom of the viewport or the bottom of the document, 
 whichever is lower.  And I'd like the main content to come before the 
 nav in the source.
 
 In addition to what has already been suggested, you might try:
 
 Any two column content first source order layout of your choice on this 
 page:
 http://blog.html.it/layoutgala/

I'd seen that before, but hadn't bookmarked it.  I think Layout 24 might 
do what I need.  Thanks.


 with a faux-column:
 http://www.alistapart.com/articles/fauxcolumns/

I know the technique, but it's not needed for this project.


 and a footerStickAlt:
 http://www.themaninblue.com/writing/perspective/2005/08/29/

Yes, and there are others techniques at

 http://css-discuss.incutio.com/?page=FooterInfo

including an ancient one of my own.

Thanks for your help.

   -- Scott
__
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] Creeping form controls in IE6/7

2008-03-06 Thread Scott Sauyet
Alan Gresley wrote:
 Scott, both Georg's solution and mine (untested in IE/Mac) still has box 
 model problems in IE5/Win. Are you wishing to support this browser?

No, the application will have a fairly limited audience.  I really need 
only FF and IE6+, but would prefer for my own edification to ensure it 
works in Safari, Opera, and IE5.5.

 Getting back the the original bug. Off-line testing confirms that only a form 
 elements reacts with the padding bug and hovering the first and second list 
 items will send the form element in IE/Win continuously down. It's like IE 
 moves the form element downwards when the padding bug is triggered but 
 doesn't restore it correctly in place when the padding bug is un-triggered, 
 thus each time the trigger is activated the form element is moved one more 
 step onwards on it's continuous journey to the abyss.

I still haven't found time to really investigate the bug.  Squashing it 
was all that was required for the moment, but I really want to find the 
time for further investigation.  It is such *odd* behavior, even for IE. 
  I'm used to the peekaboos and guillotines, but it's rare to see 
something get progressively worse like this.


 I beginning to think more and more how IE is very magical :-)

Is this supposed to be news?  :-)


Again, Alan and Georg, thank you very much for your help.

   -- Scott
__
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] Disguising path of a page

2008-03-06 Thread Scott Sauyet
Anne Pennington wrote:
 I have a site for a local business group:
 
 http://www.actonbusinessforum.net/
 
 linked to a forum that my partner has created
 
 http://forums.redmason.net/ActonBusinessForum/ (link on left hand  
 column)
 
 The site and the forum are hosted separately and they have requested  
 that it appears they are in the same place, ie the path does not  
 contain redmason etc.

As David pointed out, frames are not going to do much for you.  Moreover 
there is no help in CSS, so the question perhaps belongs to another list.

But a quick suggestion would be to use some DNS magic to make this 
happen.  Perhaps your registrar could map, say, 
forums.actonbusinessforum.net to the IP address of forums.redmason.net, 
and then the host for redmason could map that subdomain to the folder 
ActonBusinessForum.  Then everything would be listed at 
[something].actonbusinessforum.net, but they'd be hosted separately.  I 
may be missing something important but I can't see why that wouldn't work.

Good luck,

   -- Scott
__
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] Odd, broken design

2008-03-06 Thread Scott Sauyet
Thomas Francis wrote:
 Can anybody figure out why the quote on this page overlaps the footer near
 the bottom right-hand side?
 http://www.bris.ac.uk/news/2008/12017945171.html
 
 It's obviously not meant to do this and doesn't occur when the screen is
 really wide.

Are you sure?  It only happens for me when the screen is wide enough.

The reason is that the right-hand column (id: news-pic-quote-column) 
is absolutely positioned.  That means that it is removed from the 
document flow.  The clear: both on the footer doesn't apply to it.

I'm not sure of the best solution, and don't have time to investigate 
the whole layout, but you might want to look at some floating solutions.

   -- Scott
__
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] Creeping form controls in IE6/7

2008-03-05 Thread Scott Sauyet
Holly Bergevin wrote:
 From: Scott Sauyet [EMAIL PROTECTED]
 It's great to see your name back on this board.

Thanks, it's great to be back.  I don't know how long I'll stay; I find 
that I can only manage to keep up with one relatively high-volume list 
at a time and still do my day job.  Maybe this will be that one for a 
while...

 
 http://scott.sauyet.com/issues/2008-03-04a/
 
 In IE7, IE6, and IE5.5, all on XP,
 When you hover onto or off of the top menu item, the text box and 
 button move down the page.  They keep doing this; 
 
 It seems I've come late to the bug-squashing party. Darn.

Alan and Gunlaug have offered simple fixes, but I'd love to see any 
analysis of what's happening.  I'm still hoping to do a little of that 
myself this week.

 Has anyone seen this behavior?  
 
 Yes, probably, based on your description only. I may have even kept the page 
 somewhere. I don't think there was ever a solution found for the other case 
 I've seen. I will have to hunt around my computer and see what I can find, 
 and see if Alan's fix works for that version (assuming I have it, that is).
 
 I'm glad you got a solution for your problem. Now don't be a stranger!

I'll try.

 cue sounds of rummaging through old files 

Hey, if you're good at finding the suckers, I have some missing 
Javascript...  :-)

Cheers,

   -- Scott
__
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] Creeping form controls in IE6/7

2008-03-05 Thread Scott Sauyet
Gunlaug Sørtun wrote:
 Scott Sauyet wrote:
 http://scott.sauyet.com/issues/2008-03-04a/
 
 In IE7, IE6, and IE5.5, all on XP, I'm seeing something bizarre. [ ... ]
 
 http://www.gunlaug.no/tos/alien/scs/test_08_0305.html
 ...based on the effect well-placed 'hasLayout' triggers have on elements
 in IE/win. Otherwise no changes from the original.
 It's perfectly stable in IE6/7, but I can't check in IE5/5.5.

Interesting, and quite simple.  Any ideas on *why* hasLayout on the link 
affects the position of an element some distance away?

I just love IE!

Thanks for the help,

   -- Scott

__
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] Creeping form controls in IE6/7

2008-03-04 Thread Scott Sauyet
Hi, I haven't been around these parts much lately, but some of you might 
remember me from a few years ago.  (Anyone?  Anyone?  Bergevin?)  I 
got stuck on something today, and was hoping this group might have seen 
it before, or be able to offer some direction.

This looks pretty close to what I want in FF:

 http://scott.sauyet.com/issues/2008-03-04a/

(I'm just trying to match the look of an existing site right now, so no 
comments about the ugliness, okay?  :-) )

In IE7, IE6, and IE5.5, all on XP, I'm seeing something bizarre.  The 
initial rendering is okay, but as you hover over the elements in the 
menu, the bottom of the menu seems to expand and contract a bit.  But 
the really odd thing is the form controls.  There are a few form 
controls in the second menu section, a label, a text box, and a button. 
  When you hover onto or off of the top menu item, the text box and 
button move down the page.  They keep doing this; it's not a one-time 
behavior.  In IE7 they will go on indefinitely.  In IE6 and IE5.5, they 
eventually disappear when they fall off the real estate owned by the 
menu.  (Or maybe it's just that the page doesn't extend to hold them as 
the menu is the only thing on the page so far.)

Has anyone seen this behavior?  Any suggestions for how to get rid of it?

Thanks for your help,

   -- Scott Sauyet

__
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] Quickly Removing Formatting from an Element

2008-03-04 Thread Scott Sauyet
Jukka K. Korpela wrote:
 There is no way to undo things in CSS in general. You can override a 
 setting for a property by setting it to a specific value, but you cannot 
 tell browsers to apply their defaults, against any settings that might 
 exist elsewhere in stylesheets.

We could try to reset every property to its defaults, but I wouldn't 
recommend it.  There are also Javascript techniques for this, such as

 http://labs.gandrew.com/drupal/files/forcestyle.js.txt

But I think other posters are correct that you really need to apply your 
formatting more selectively rather than try to remove it later.

Good luck,

   -- Scott
__
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] Creeping form controls in IE6/7

2008-03-04 Thread Scott Sauyet
Alan Gresley wrote:
 This looks pretty close to what I want in FF:

 http://scott.sauyet.com/issues/2008-03-04a/

 When you hover onto or off of the top menu item, the text box and
 button move down the page. They keep doing this; it's not a one-time
 behavior. In IE7 they will go on indefinitely.
 
 It's not the Guillotine bug. Somehow IE is transferring the padding below the 
 list items. The fix which looks the same for Firefox, and OK for IE is.
 
 #main-menu .menu-group {
 border-bottom: 1px solid #858585;
 margin: 0; /* DELETE */
 padding: .25em 0;  /* DELETE */
 padding: 0; /* ADD */
 margin: .25em 0; /* ADD */
 }
 
 You may want to feed IE a few different rules to get it right.

Thank you very much.  I hope to get a few minutes in the next several 
days to write up this bug.  Wow!!!

Just out of curiosity, what is your technique for finding this one?  I 
was really stymied.

   -- Scott
__
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] CSS dummy needs advice - list of albums

2006-08-03 Thread Scott Sauyet
Try adding

 div.swedishpict img {
 clear: left
 }

and see if that helps.


Good luck,

   -- Scott

__
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

2006-07-31 Thread Scott Sauyet
Madison Bryan wrote:
 Do people often scale text down like that?

I often do, and not just for site check reasons.  If the text is large 
enough that I'm comfortable reading more per line than is shown, I'll 
hit the trusty CTRL-minus, and if I'm having trouble reading small text, 
I'll hit CTRL-plus.  It's easy and makes the site conform to my 
preferences.  Generally, I would suggest that your site not be so 
pixel-perfect that one or two rescales destroys your look and feel.  I 
don't feel that it's necessary for the layout to scale to an arbitrary 
size, but one or two adjustments is probably a good idea.

   -- Scott

__
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] Highlight Nav Links (again)

2006-07-24 Thread Scott Sauyet
Joseph Lorenzini wrote:
 [Using] CSS to highlight the navigation of my current [page].
 [ ... ]
 they require the html to have a body id tag. This doesn't work for my 
 site since the body is part of an uneditable region in my template. 
 In other words, I can only set the id in  the template and that will
 propagate to every page, which would defeat the purpose of the ID tag. 

Well, whatever part of the template you do control should be able to 
contain a div with the page id in it.  The body is a very convenient tag 
for this, since it holds all your visible content, but any tag will do. 
  Just follow the technique using an arbitrary div rather than the body.

The second tutorial you listed does not specify the body tag in the CSS, 
using code like this:

 #home #nav-home a,
 #about #nav-about a, {
 /* whatever */
 }

If the body had the home/about link, this would work fine.  But it 
will also work if any ancestor of the navigation list has this id.

Good luck,

   -- Scott

__
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] Previous adjacent selector

2006-06-22 Thread Scott Sauyet
Robert James wrote:
 I normally like to put the label first, and enclose the input element
 within it.  Is there anyway I can use CSS to select all labels that
 *enclose* checked radio buttons?

I don't think there is.  The design of CSS is meant to make it 
relatively easy to implement, and specifically to render progressively. 
  So all selectors [1] are based upon ancestors and previous siblings, 
which you can track in a single pass through the document.  If 
implementations had to worry about descendants and succeeding siblings, 
they couldn't render the document nearly as quickly.

This is relatively easy to do in Javascript, and as it really describes 
the behavior of your page as much as it's design, Javascript is fairly 
appropriate to solving this case, as long as you don't mind some of your 
audience not seeing the effect.

All that said, if you didn't mind using markup that puts the label after 
the input element, you could use CSS positioning or floating techniques 
to display the label first and then apply the adjacent siblings selector 
to style it as you would like.

Good luck,

   -- Scott


[1] There are some unfortunate exceptions: :last-child and especially 
:nth-last-* break this paradigm.  I know of no others, though.

__
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] Relative-sized horizontal menu buttons

2006-05-29 Thread Scott Sauyet
  == Gunlaug Sørtun [EMAIL PROTECTED]
  == Terry Thompson [EMAIL PROTECTED]

 Table layout for navigation...
 
 http://www.washington.edu/doit/Stem/
 
 ...converted to CSS layout...
 
 http://staff.washington.edu/tft/menutest/test.html
 
 'CSS table' properties are supposed to solve these problems, and will
 work just fine in all supporting browsers...

... but we really should be able to accomplish this with the tools at 
hand.

I think if you copied your extra margin and padding to the anchor 
elements, you might get it to work in standards-compliant browsers.  For 
IE, you will need to give it layout. (1)  The Holly hack is my preferred 
technique for this.  Not tested, but I think this might work:

 #MenuBar li a {
 display: block;
 margin: 0;
 padding: 0;
 padding-bottom: 32767px;
 margin-bottom: -32767px;
 text-decoration: none;
 font-weight: bold;
 color: #00;
 }
 * html #MenuBar li a {
 height: 1%;
 }

Good luck,

   -- Scott Sauyet


(1) http://www.satzansatz.de/cssd/onhavinglayout.html

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

2006-05-24 Thread Scott Sauyet
victor NOAGBODJI wrote:
  In my CSS I have h1,h2,h3 {margin:0;padding:0}
  So that I can set margin bottom; the problem is that it isn't working.

You're running into a problem with collapsing margins.  Adjacent
vertical margins are combined into one, and placed at the top:

  http://www.w3.org/TR/CSS21/box.html#collapsing-margins

The paragraphs after the header elements need to have no top margin.

Ideally, you would do this with

 h1 + p, h2 + p, h3 + p {
 margin-top: 0;
 }

but the 800-lb gorilla that is IE(7) doesn't understand this.  You can 
simply add a class to those paragraph elements.  If the HTML is really 
under your control, this is often the easiest way.

Good luck,

   -- Scott

__
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] funny space on div in FF

2006-05-17 Thread Scott Sauyet
Matt Tibbits wrote:
 I have a situation where I have a div id=content that follows a div
 id=navbar. FF shows a small space between the 2 div's, that is until I
 put a border around the div id=content. When I do, the div is pulled up
 flush with the top div with only the border in between. 
 [ ... ]
 http://tibbits.ca/test/Camprotary.ca/info.php

You're running into a problem with collapsing margins.  Adjacent 
vertical margins are combined into one, and placed at the top.  When you 
place the border there, the margins are no longer adjacent.  It's the 
margin from the H1 inside div#info whose margin is escaping.  This can 
be somewhat counterintuitive, but seems to be to spec:

 http://www.w3.org/TR/CSS21/box.html#collapsing-margins

You can fix it simply with:

 div#info h1 {margin-top: 0; padding-top: 1em;}

This reduces the offending margin to nothing and then adds back the 
desired space as padding.

Cheers,

   -- Scott Sauyet



__
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 CSS: Printing partial Title attributes without link text

2006-05-10 Thread Scott Sauyet
Tim Martens wrote:
 I have this:
 
 div class=description
Get business plan templates a href=link_location title=
View project: SPD.101 Strategy Complete[P]/a
 /div
 
 And would like to print this:
 
   Get business plan templates [P] SPD.101 Strategy Complete

I don't think you're going to find a CSS solution to this problem, not 
the way you've framed it.  It would be pretty straightforward with a 
Javascript/CSS solution, though, if you are willing to change the markup 
a bit to something like:

 div class=description
Get business plan templates a href=link_location[P]
span class=print-onlySPD.101 Strategy Complete/a/span
 /div


add a CSS rule:

 @media screen {.print-only {display:none;}}

and some Javascript to run after the window loads to find every 
span.print-only inside an anchor element and set the title of that 
anchor to be View project:  + the content of the span.

This is not hard, and is quite accessible, but it adds what might be an 
unwanted dependency on Javascript.  The JS could be written completely 
unobtrusively, but you still might not want it.

As to a pure CSS method, I don't see anything that's going to let you 
split your strings up that way.

Good luck,

   -- Scott

__
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 CSS: Printing partial Title attributes without link text

2006-05-10 Thread Scott Sauyet
I sputtered:
  div class=description
 Get business plan templates a href=link_location[P]
 span class=print-onlySPD.101 Strategy Complete/a/span
  /div

but should have said either:

 div class=description
 Get business plan templates a href=link_location[P]/a
 span class=print-onlySPD.101 Strategy Complete/span
 /div

or:

 div class=description
 Get business plan templates a href=link_location[P]
 span class=print-onlySPD.101 Strategy Complete/span/a
 /div

(In other words, my a's were hanging out all over!)

   -- Scott

__
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 adds padding in strict mode?

2006-05-09 Thread Scott Sauyet
David Rose wrote:
 I had to switch over to a XHTML strict DTD to resolve some CSS layout
 issues with IE, but this created a lot of space around many of the
 elements (maybe all?) in [Firefox] [ ... ]
 http://winnetka.technicelixir.com/forums/index.php

I can see the different amount of whitespace in IE and FF, although 
neither looks particularly wrong to me.  I don't see anything glaring to 
cause it, but I'm guessing that you're running into different defaults 
in the two browsers.  You have to find elements that have the wrong 
padding in FF and assign the IE values in CSS rules.

Another way to work with varying defaults is to grab the defaults from 
FF, which are easily available (FF dirres/html.css) and place them 
ahead of your own declarations.  Then you can tweak these until 
everything looks correct in all browsers you're testing.  I suppose this 
could be done with IE values too, but I don't know if these are as 
easily available.

   -- Scott

P.S. You also might want to consider validating your HTML and CSS.



__
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] Content Missing in IE

2006-05-06 Thread Scott Sauyet
Hi folks.  Some of you may remember me from when I was active on this 
list several years ago.  Been off doing other things, but I now have a 
problem that I hope you good people might help me resolve.

I have some content missing in IE6.  It works fine in FF and Opera, so 
I'm guessing it's an IE problem.  Of course IE is the one browser in 
which it absolutely *has* to work.

This is for an Intranet, but I've abstracted out a demo here:

 http://scott.sauyet.com/CSS/Test/MissingImage/

If you look at it in Firefox or Opera, you will see an icon and the name 
Fred Ames to the right of the tabs.  If you look at it in IE, it's 
missing.  I'm pretty sure the relevant CSS is at the top of the stylesheet:

 http://scott.sauyet.com/CSS/Test/MissingImage/css/main2.css

I've been beating my head against the wall over this.  Any suggestions 
would be greatly appreciated.

Thanks,

   -- Scott


__
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] Content Missing in IE

2006-05-06 Thread Scott Sauyet
Gunlaug Sørtun wrote:
 (RE: http://scott.sauyet.com/CSS/Test/MissingImage/)

 I usually solve that type of 'AP' related problems in IE/win by not 'AP'
 the element. Instead I'd use 'removed floats'... floats that do not
 occupy any area :-)

Well, that certainly fixes it.  My head no longer needs to eye the wall 
suspiciously every time I get close!  :-)

Thank you very much.  And thanks also to Holly and Els (and to David who 
responded off-list.)

I've posted the fixed version at

 http://scott.sauyet.com/CSS/Test/MissingImage/index2.html

I don't know why Holly couldn't replicate the problem.  We'll chalk it 
up to IE's temperamentalism.

Wow, go away from a list for a couple of years and it still feels like 
home.  Thanks again, everyone!

   -- Scott

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