Re: [css-d] IE7 Beta goes Public

[Kevin Cannon]

On Wed, Feb 01, 2006 at 06:06:13AM -0500, Randal Rust wrote:
> On 2/1/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> > http://downloads.skyzyx.com/index.php?fpp=20&did=8&fid=11

> > this is useful for testing but, only works on Window XP

> I downloaded teh standalone from skyzyx. Does the standalone also only
> work on XP Service Pack 2?

He only has Beta 1 there at present, which is less than worthless for testing.

Beta 1 has the same rendering engine as IE6.

- Kevin
__
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] page review :: ~dL

[Kevin Cannon]

On Thu, Dec 29, 2005 at 09:32:40AM -0500, David Laakso wrote:
> >On Wed, Dec 28, 2005 at 10:42:43PM -0500, David Laakso wrote:
> >>Comments and suggestions appreciated. It has changed a little :-P . The 
> >>first person who saw it thought it was "too weird."
> >>

> >I don't understand that. What's the point? Is it one of those cases of
> >experimenting for the sake of it?

> >Technically I suppose it's somewhat interesting, but visually &
> >typographically it's quite poor.

> Gosh, thanks Kevin...I needed that!

No offence meant. 
You asked for feedback though, so I gave you my honest opinion.

I'd hope you'd appreciate that.

- Kevin
__
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] page review :: ~dL

[Kevin Cannon]

On Wed, Dec 28, 2005 at 10:42:43PM -0500, David Laakso wrote:
> Comments and suggestions appreciated. It has changed a little :-P . The 
> first person who saw it thought it was "too weird."
> 

I don't understand that. What's the point? Is it one of those cases of
experimenting for the sake of it?

Technically I suppose it's somewhat interesting, but visually &
typographically it's quite poor.

- Kevin
__
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] what could give similar effect to line-height?

[Kevin Cannon]

On Mon, Dec 26, 2005 at 05:58:29PM -, Simon Kittle wrote:
> > If any uses of line-height are specified in em or % or px you are 
> > asking for the trouble you describe. Remove "em" from your line-height 
> > rule and you'll likely see the problem disappear. See:
> > http://members.ij.net/mrmazda/auth/line-height-inherit.html

> Thanks for that.  I thought it was the problem at first.  However, I've now
> removed all instanced of line-height from my project just to debug and the
> same thing is still happenning.

> All I've got is this:

> line one
> line two

Hey,

I've seen you fixed the problem som other way, but the real problem is
applyign styles in a span. Spans are inline elements so applying padding acts
on then in an unusual way, I've found. I think if you used a DIV, or else
applied display: block; to the span you'd find it'd be more manageable. Or
reduce the padding itself.

There's a quite deltailed description of it here:
http://www.meyerweb.com/eric/css/inline-format.html
Test document: http://www.meyerweb.com/eric/css/inline-test-1.html


Also, not sure how the body tag font affected it, but my general way of
setting forn-size, is body { font-size: 62.5%; } which reduces the font size
to 10px, and size using ems from there on in.

Works very well, in my experience.

- Kevin
__
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 Gradient

[Kevin Cannon]

On Sun, Dec 18, 2005 at 03:12:07PM -0600, Stephen Kortz wrote:
> When you are using a gradient as a background element repeating along the X
> axis. Is the gradient only as tall as you make it?

As Liam explained, yep.

You can see an example on a site I worked on recently: www.tispol.org

- Kevin
__
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] Preloading Background Images

[Kevin Cannon]

On Tue, Dec 13, 2005 at 11:54:43AM -0500, Christian Montoya wrote:
> On 12/13/05, Kevin Cannon <[EMAIL PROTECTED]> wrote:
> > I'm not that keen on combining the 6 images into 1 large one and changing 
> > the
> > background position, as that would mean the homepage would take too long to
> > appear.

> If you combined the 6 images into 1, that one image would load faster.

Well, It won't load faster than loading & showing 1 image first, and then
loading the rest afterwards. (see my other reply for a more detailed
explanation)

> You can preload images, just use your imagination, load them off
> screen with position:absolute; and give them a size of nothing. But I
> really discourage that.

Yep, that's one option available. Why would you discourage that, yet promote
merging images into one large one. The extra markup you'd have to add?

Thanks,

- Kevin
__
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] Preloading Background Images

[Kevin Cannon]

On Tue, Dec 13, 2005 at 09:38:05AM -0600, CJ Larson wrote:
> > Is it possible to preload the images in anyway, via CSS or Javascript?

> > I'm not that keen on combining the 6 images into 1 large one and
> changing the
> > background position, as that would mean the homepage would take too
> long to
> > appear.

> [cj]
> I think my brain is dead today, so forgive the newbie question:  How
> would preloading 6 different images take less time than loading 1
> combined image?

It wouldn't, but it will affect the overall experience.

I'll try and explain:

4 Smaller Images:   5  Seconds each = 20 seconds total
1 Large Combined Image: 20 Seconds


Now, if I load the combined image it'll take 20 seconds before the image is
properly visible. If I load one of the smaller images, it'll only take 5, so
the whol page is loaded much more quickly.
Once that's done, I want to cpntinue load the rest of the images in the
background.

I hope that explains it. If not, just let me know. :)


- Kevin
__
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] Preloading Background Images

[Kevin Cannon]

Hey all,

I've got a website with CSS Tabs. When a user click on a tab it changes the
body class, and using that rule change it hides/shows the approproate div.
Each tab has a different background image, and there is a delay after clicking
each tab while the image loads.

Is it possible to preload the images in anyway, via CSS or Javascript?

I'm not that keen on combining the 6 images into 1 large one and changing the
background position, as that would mean the homepage would take too long to
appear.


I've searched thorugh the archive but not found a definitive answer, can
anyone help?

Thanks very much,

- Kevin
__
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] Background image - spanning multiple table cells?

[Kevin Cannon]

Hey all,

I'm CSS-ifying this design:
http://www.multiblah.com/exps/css/search_results_markup/markup_how.gif

When I apply a BG image to a TR though, it works in Firefox, but in IE it
wont span the whole way accross. It repeats itself in each cell.

Any suggestions on how to avoid this, and keep this design markedup well?

(the only way I can see is an empty cell than spans the whole row, but that's
far from ideal)

Thanks very much,

- Kevin
__
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] #idname.classname - IE Support

[Kevin Cannon]

Hey,

Thanks to everyone for the replies. It's a shame that's a bit of a problem.
I've found a workaround now, which isn't ideal but not too awkward.

Thanks again! :)

- Kevin

On Thu, Dec 01, 2005 at 03:39:42PM +0100, Ingo Chao wrote:
> http://archivist.incutio.com/viewlist/css-discuss/57344
> http://sonspring.com/journal/ie6-multi-class-bug
> And someone put it into our Wiki recently.
> 
> For myself, I named the bug "the blue penguins bug" since the day I was 
> posting it in a fit of keeness to the MSDN blog ("Improving the CSS 2.1 
> strict parser for IE 7") among other bug reports 
> (http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx#460582) and got 
> this satirical answer:
> http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx#461673
> 
> I still don't know if the parser in IE7 is fixed, though.
> 
> Ingo
> 
> -- 
> http://www.satzansatz.de/css.html
> 
__
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] #idname.classname - IE Support

[Kevin Cannon]

Hi,

Is it possible ot use a rule with an ID and a class name in IE.  e.g. like so:

...

#tabs.ski {
background-color: green;
}

That works fine in Firefox, but in IE the first rule works, but subsequent
ones don't:

http://www.multiblah.com/exps/css/id_class.html

On that page, #tabs.home doesn't work, but if I change it to #tabs.ski it'll
work fine in all browsers.

I'm at a bit of a loss, and so are the oher CSS afficiando's in here.

Any ideas?

- Kevin
__
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] Styling Listboxes (in IE?)

[Kevin Cannon]

On Mon, Nov 28, 2005 at 12:42:55PM +, Kevin Cannon wrote:
> Hey,
> 
> I'm having an unusual problem with styling a listbox in IE.
> www.treacymowers.ie/index2.php
> 
> I'm just changing the font-size and colour. It works fine in Firefox. In IE,
> the rendering is odd, but if you minimize IE and then Restore it, then it
> works fine. I've never seen IE behave like this, and I'm at a bit of a loss.
> 
> I've seen listboxes styled fine in the past, so I'm not sure what's causing
> this rending bug.
> 
> Anyone got any ideas?

Also, apologies for forgetting to post up the CSS:
http://www.treacymowers.ie/inc/treacy_sections.css

#front-page #content div.right select, 
#front-page #content div.right select option {  
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #99;
font-size: 11px;
}

Although, I don't actually think it's an issue with CSS rule's specifically.

Since the original posting I've noticed that the problem does not seemt o
happen on a local machine. If I copy the generated HTML & CSS Internet
Explorer does not demonstrate the error.

Thanks again,

- Kevin
__
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] Styling Listboxes (in IE?)

[Kevin Cannon]

Hey,

I'm having an unusual problem with styling a listbox in IE.
www.treacymowers.ie/index2.php

I'm just changing the font-size and colour. It works fine in Firefox. In IE,
the rendering is odd, but if you minimize IE and then Restore it, then it
works fine. I've never seen IE behave like this, and I'm at a bit of a loss.

I've seen listboxes styled fine in the past, so I'm not sure what's causing
this rending bug.

Anyone got any ideas?

Thanks,

- Kevin
__
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] Who is up for a CSS challenge?

[Kevin Cannon]

On Fri, Nov 11, 2005 at 01:15:28PM +, Christian Heilmann wrote:
> Now it is time we did the same for the enterprise level market, where
> high level CMS vendors still consider CSS too hard or not flexible
> enough to maintain the style of pages based on different templates and
> with varying content.

It's a challenge allright, but I have to say, I don't think CSS is actually
able to do what you're saying. Too much of CSS is dependent of the order of
items, that I doubt you'd have enough flexibility to design whatever you want,
purely with CSS.

If you were not able to modify the underlying HTML you'd be restricting what
you can do.

However, having said that, it is a good idea for a CMS to have lots of hooks
for CSS so that it can be well styled, and avoid editing the HTML as much as
possible, but it's simply not mature enough to layout and entire site with,
from generic HTML.

(also, on another note, different pages should have different HTML, since you
have a different document, with slightly different semantic structure)
One-size might not suit all.

- Kevin
__
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] emulating tables...

[Kevin Cannon]

Hey,

Why not just use an actual image in there?
Or else have a link in your list like this:

 - artist [link]
 - artist [link]
 - artist [link]
 - artist [link]
 - artist [link]

Then use image replacement on the link and float it right.

You could also use Definition lists either.
http://www.moronicbajebus.com/playground/cssplay/dl/

Main thing is, the image should be tied to a link someway, rather than a
background of the list.

g'luck,

- Kevin

On Thu, Nov 03, 2005 at 05:11:33PM +, Vincent Hide wrote:
> Hi All,
> 
> I am currently working on this:
> 
> http://www.lampdesign.co.uk/desdev/tan/
> 
> The top 20 tracks box comprises of a  with a background image on the
> 's (for the ear icon).
> 
> What would be the best way of making the ear icons links - without using
> any tables?
> 
> TIA,
> 
> Vince
> 
> __
> 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-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] Centered Layout + attached to left edge. Possible with CSS at all?

[Kevin Cannon]

Hey all.

Got it sorted, using a widht: 50%; left aligned, and inside it a div with
negative margins.

http://www.multiblah.com/exps/css/centered_left/solution.html

Won't be okay for general purpose usage, but solves the problem at hand.

Thanks all!

- Kevin

On Fri, Sep 23, 2005 at 01:11:46PM +0100, Kevin Cannon wrote:
> Hey guys,
> 
> I'm no spring onion when it comes to CSS, but creating this has me stumped.
> It's a centered layout, but with columns stretching out to the left edge.
> 
> http://www.multiblah.com/exps/css/centered_left/left.html
> 
> Is that possible to do that with CSS at all? I'm struggling to figure out how.
> Also, those rows, need to be flexible in size.
> 
> If anyone has any ideas, or approaches I could try, I'd love to hear them.
> 
> Thanks,
> 
> - Kevin
> 
> __
> 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-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] Centered Layout + attached to left edge. Possible with CSS at all?

[Kevin Cannon]

On Fri, Sep 23, 2005 at 07:34:02AM -0700, Jim Davis wrote:
> Kevin,
> 
> The rows will go flush to the left and right if the borders are removed and
> the width is changed from 99.8% to 100%. Perhaps I don't understand you
> design objective.

I didn't explain well.

You haven't got a background color on the left 'columns'

I need to put a bg colour in there, at the moment you've got them transparent,
whereas on mine they were white and grey.

- Kevin
__
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] Centered Layout + attached to left edge. Possible with CSS at all?

[Kevin Cannon]

Hi Jim,

That's almost there. The challenge i'm facing is how to get the rows to go
flush to the left edge. What you've done there has got everything spot on up
to that point. Do you think there's any way to persuade the those rows, to go
flush to the left edge?

Cheers,

- Kevin

On Fri, Sep 23, 2005 at 06:33:25AM -0700, Jim Davis wrote:
> Kevin,
> 
> Here is my approach:
> http://www.jimdavis.org/test/locked_left.htm
> 
> View source to see the css.
> 
> Note that a 100% wide div with borders left and right will force a
> horizontal scroll bar in FF and IE 6 in standards mode. Thus the need for
> slightly less than 100% width if borders are used.

__
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] Centered Layout + attached to left edge. Possible with CSS at all?

[Kevin Cannon]

Kristina,

The HTML I posted is what I want it to look like. 
(minus the red borders, which are just to show the tables)

The 'left column' has to stretch to fill the space. The actual content, that's
750px wide, should always be centered, and the colours on the left adjusting
to fill the space.

That's the real challenge. If I could set it to be a specific size It's
definately doable.

Thanks,

- Kevin
__
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] Centered Layout + attached to left edge. Possible with CSS at all?

[Kevin Cannon]

Hey guys,

I'm no spring onion when it comes to CSS, but creating this has me stumped.
It's a centered layout, but with columns stretching out to the left edge.

http://www.multiblah.com/exps/css/centered_left/left.html

Is that possible to do that with CSS at all? I'm struggling to figure out how.
Also, those rows, need to be flexible in size.

If anyone has any ideas, or approaches I could try, I'd love to hear them.

Thanks,

- Kevin

__
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] Preventing Border Slant, where they join?

[Kevin Cannon]

Hi,

Is it possible to prevent the border slant that happens when 2 different
coloured borders meet?

e.g.
http://www.infimum.dk/HTML/slantinfo.html

I want there to be a solid edge on both side, not an angled join.

I'm expecting that it's not possible, but though to check before I give in to
adding extra markup.

Thanks,

- Kevin
__
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] DL styled form causing odd gap in border

[Kevin Cannon]

Hi,

I've run up against a little prolem with a form styling via DLs.

I've replicated it here:
http://www.multiblah.com/exps/css/form_border_issue.html

In IE there's a gap in the border of the #content div on both sides.
(you may need to resize yuo browser once it's loaded to see the effect)

The CSS is quite minimal, as is the HTML, I can't track down what it is at
all.

Does anyon ehave any suggestions?

Thanks,

- Kevin
__
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] Content being duplicated elsewhere onscreen - Highly irregular (IE only)

[Kevin Cannon]

Hey,

Thanks a bunch. What an odd bug!

And good spot on the fouc, I'm kicking myself for making such an basic
mistake.

Cheers,

- Kevin

On Tue, Jul 05, 2005 at 10:59:43AM -0500, Pringle, Ron wrote:
> 
> > I'm having a highly unusual problem that perhaps other's have 
> > come accross:
> > 
> > Here's the example:
> > http://www.maynoothcampus.com/meeting-rooms-test.php
> > 
> > The content located underneath the tables is being duplicated 
> > in the left
> > column in IE only. It's not wholy being copied there, just 
> > portion of it.
> > Also, in some cases I've found that a cell from the table 
> > will be copied there
> > too.
> > 
> > Has anyone seen anything like that before? It seems like some 
> > oddd quirk in
> > IE, it's certainly not anything CSS is supposed to do.
> > 
> > It's all valid HTML and CSS so it's highly irregular.
> > 
> > Any ideas?
> 
> Yes, its the IE-only Duplicate Characters bug. See this page at Position Is
> Everything for an explanation and fixes.
> 
> http://www.positioniseverything.net/explorer/dup-characters.html
> 
> Regards,
> Ron
> 
__
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] Content being duplicated elsewhere onscreen - Highly irregular (IE only)

[Kevin Cannon]

Hi,

I'm having a highly unusual problem that perhaps other's have come accross:

Here's the example:
http://www.maynoothcampus.com/meeting-rooms-test.php

The content located underneath the tables is being duplicated in the left
column in IE only. It's not wholy being copied there, just portion of it.
Also, in some cases I've found that a cell from the table will be copied there
too.

Has anyone seen anything like that before? It seems like some oddd quirk in
IE, it's certainly not anything CSS is supposed to do.

It's all valid HTML and CSS so it's highly irregular.

Any ideas?

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