Cascading Style Sheets (CSS) Mailing List RSS Feed

Pro-bono advice anybody?

Fri, 09 May 2008 02:47:00 GMT

> the logo is rather ugly without its background component.

If the logo relies on the background to be complete, then it is a
single image and thus should be a single file, not two.

If the background will change throughout the year, you simply use
[more]

Pro-bono advice anybody?

Fri, 09 May 2008 02:36:00 GMT

Peter Boughton wrote:
> Definitely. Two key things:
>
> 1) Images have alt attributes, so the text-indent stuff is unnecessary.
>
> 2) Transparent images can have independent background images.

Thanks, but that is basically the current
[more]

Pro-bono advice anybody?

Fri, 09 May 2008 02:08:00 GMT

> Are there any better ideas, that maybe
> reduce some of the layers?

Definitely. Two key things:

1) Images have alt attributes, so the text-indent stuff is unnecessary.

2) Transparent images can have independent background images.

Here's
[more]

Pro-bono advice anybody?

Fri, 09 May 2008 12:45:00 GMT

How would those of you who grok CSS composite this together?

Goal is to create a Header|Masthead|Banner type structure across the top
of the site's pages.

I am trying to put together the following elements:

A title: 'Sierra Outdoor Recreation
[more]

Show a form to the right of a float

Tue, 18 Dec 2007 06:59:00 GMT

>> Adding a margin-left to the form gets me close, but it assumes I have a
>> know width for the content.

Mirror that. You have a known width for the right-hand column, so put a
margin-right on the left-hand one.

On Dec 18, 2007 10:10 PM, Ian
[more]

Show a form to the right of a float

Tue, 18 Dec 2007 05:12:00 GMT

I have content that I am floating to the left.  This content does not
have a fixed width and I am letting it shrink wrap.  I want the form in
the following div to display to the right of the floated content.  As
you can see the border and background
[more]

Firefox hypehn bug

Wed, 10 Oct 2007 12:27:00 GMT

Hey all,

I have a sticky issue that Im trying to get around.

Theres a bug in Firefox that causes it not to break at a hyphen, within a fixed width div.
The text in question is a long chemical name with a ton of hyphens in it. It overflows into
[more]

CSS Absolute positioning problem

Sat, 08 Sep 2007 06:13:00 GMT

Glad I could help. :)

On 9/8/07, John Miller Crawford wrote:
>
> >Also, it's usually a good idea to zero all margins, paddings and border
> >widths, to prevent different browser defaults causing problems.
> >* {margin: 0;
[more]

CSS Absolute positioning problem

Fri, 07 Sep 2007 10:34:00 GMT

>Also, it's usually a good idea to zero all margins, paddings and border
>widths, to prevent different browser defaults causing problems.
>* {margin: 0; border-width: 0; padding: 0;}

Well, I don't know if you helped Scott, Peter, but you certainly
[more]

IE 6 Weirdness: Popup layer

Sat, 18 Aug 2007 03:22:00 GMT

On 8/16/07, Peter Boughton wrote:
> The form fields are SELECTs right?
> This is a known (and incredibly annoying) bug.
>
> Two possibly workarounds I'm aware of:
> - position the tooltip to avoid them.
> - write some JS to
[more]

IE 6 Weirdness: Popup layer

Thu, 16 Aug 2007 03:01:00 GMT

The form fields are SELECTs right?
This is a known (and incredibly annoying) bug.

Two possibly workarounds I'm aware of:
- position the tooltip to avoid them.
- write some JS to hide the controls while the tooltip is visible.
Neither is ideal, but
[more]

IE 6 Weirdness: Popup layer

Thu, 16 Aug 2007 01:53:00 GMT

Hey all,

I've got a typical tool tip layer... click the question mark and the tool tip pops up. It's at the top of a form...

However, in IE 6 the popup show up behind the top two form fields... any ideas?

Thanks

sas
[more]

CSS Absolute positioning problem

Tue, 17 Jul 2007 05:26:00 GMT

Make sure you specifying a DOCTYPE on the very first line.
(XHTML1 Strict or HTML4 Strict are the commonly recommended ones)

Also, it's usually a good idea to zero all margins, paddings and border
widths, to prevent different browser defaults causing
[more]

CSS Absolute positioning problem

Tue, 17 Jul 2007 03:50:00 GMT

I've got a problem getting absolute positioning to work in IE 7 in the same way that it works in FireFox

here's the HTML:

Look for:
<
[more]

CSS problem

Wed, 20 Jun 2007 02:44:00 GMT

Thanks, Douglas!

Rick

-----Original Message-----
From: Douglas Hyde [mailto:develop@fusesite.com]
Sent: Wednesday, June 20, 2007 12:35 PM
To: CSS
Subject: Re: CSS problem

If you want to get a cool little utility that parses the cgi and finds
[more]

CSS problem

Wed, 20 Jun 2007 12:45:00 GMT

I see that the image is 471px wide x 389px high.

Considering the div it's in is 543px wide x 440px high,
as is, it's going to require some offset.

I wonder if adding some size to the image on the left and bottom
to bring it up to 543px wide and
[more]

CSS problem

Wed, 20 Jun 2007 12:36:00 GMT

If you want to get a cool little utility that parses the cgi and finds not
only which browser, but which version, try . Very handy for
conditional css...put out by andrew dixon.

http://www.andrewdixon.co.uk/aebrowser/

D

> From:
[more]

CSS problem

Wed, 20 Jun 2007 11:32:00 GMT

That's an interesting idea. It's worth mentioning that I did this
design probably 3-4 years ago so I might've still been concerned with
Netscape 6 =)

I did add this to the CSS:

background-position: right top;

Still works fine in Firefox... now
[more]

CSS problem

Wed, 20 Jun 2007 11:11:00 GMT

Hi, Rick...

Is this what your div.maincontent css code looks like
in your stylesheet?

div.mainContent {
background-image:url(/custom/template/images/bg_0.jpg);
background-repeat:no-repeat;
border:0px solid #999999;
display:block;
height:
[more]

CSS problem

Wed, 20 Jun 2007 10:42:00 GMT

Well, for some reason I have this in the CFM code:

Rick

On 6/20/07, Bader, Terrence C CTR MARMC,
[more]

CSS problem

Wed, 20 Jun 2007 10:17:00 GMT

why not put your bg-attach statement in the .css file you use?

I don't have ie7 here to play with it. sorry.

~Terry

-----Original Message-----
From: Rick Root [mailto:rick.root@webworksllc.com]
Sent: Wednesday, June 20, 2007 9:19
To: CSS

[more]

CSS problem

Wed, 20 Jun 2007 09:20:00 GMT

I'm looking for a quick fix to the following problem.. .in IE7

http://www.bobguiney.com

the background image *USED* to place properly in the mainContent
div.... but for some reason now (at least, in IE7) it does not.

Works fine in Firefox and
[more]

background images vs pagebased

Mon, 04 Jun 2007 09:08:00 GMT

Its perfectly acceptable. I've mostly gone over to using background
images, just easier to position and deal with.

For instance the buttons on the form on this login page
(http://www.beiresources.org/login/index.cfm) use a background image
instead
[more]

There has never been a better time to be a ColdFusion Developer

Sat, 30 Aug 2008 05:55:10 GMT

Adobe® ColdFusion® 8 software is a must-have release for developers to create compelling internet applications that fit in today's enterprise environment. Now you can build rich and engaging application experiences for users that do more and look better faster than ever. There has never been a better time to be a ColdFusion Developer. Get the Free Trial

background images vs pagebased

Mon, 04 Jun 2007 05:17:00 GMT

I have my answer. In mozilla both of the examples look exactly alike. In IE,
the second one looks cramped as IE likes to do funky things with merged
margins. Looks like it has to be image tags.

On 6/4/07, Michael Dinowitz [more]

background images vs pagebased

Mon, 04 Jun 2007 04:57:00 GMT

Yes, it is standard.
http://www.w3schools.com/css/pr_background.asp
http://www.w3schools.com/css/pr_background-position.asp

However, you should not be using a background image because of imagined
efficiency (it makes no difference) or to fail
[more]

background images vs pagebased

Mon, 04 Jun 2007 03:30:00 GMT

I'll have the images locally so they should always come up if the page does.
This is what I'm doing as an example:
http://www.fusionauthority.com/test/sidebar1.htm

They look basically the same. My only concern is the use of 'center left' in
the
[more]

background images vs pagebased

Mon, 04 Jun 2007 02:20:00 GMT

I assume that css based background images are more efficient?

The one thought that popped into my head is that background images will
fail silently. I could see this may be desirable if one is using third
party images one does not have control over
[more]

background images vs pagebased

Mon, 04 Jun 2007 02:00:00 GMT

I was looking at the washington posts layout and decided to use their 'look'
as a base for my own social sidebars. One thing I noticed about them is that
they used css based background images in place of using the img tag on the
page next to the social
[more]

Floating Left and Right

Wed, 30 May 2007 11:07:00 GMT

If you have not checked out YUI grids I strongly recommend checking them out
. YUI grids are sort of like CSS layouts for dummies ;) We are using YUI a
lot inside our company (the CSS layouts and the JS libraries) and I simply
can't praise it enough
[more]

Floating Left and Right

Wed, 30 May 2007 10:40:00 GMT

I'm once again running into a problem that I find myself needing to
solve frequently and I've decided to seek professional help. I have
this html:

Class prefixing

Thu, 19 Apr 2007 04:31:00 GMT

It shouldn't cause a performance problem.

If you use .class rather than element.class for an item that only is
supposed to be used on a single element, then you run the risk of someone,
somewhere reusing that class on something else and having it
[more]

Class prefixing

Thu, 19 Apr 2007 03:26:00 GMT

Assuming a class will only be used for a single tag, is there any performance or other reason to prefix it?

Also, will the tag prefixing of IDs fail on any browser or cause any problems? Will it have any performance effect? I like the idea of div#
[more]

Blocking CSS styles

Wed, 18 Apr 2007 06:48:00 GMT

There isn't a way to block items. You can say that a particular property is
important using the !important value.

Sandra Clark
=============
http://www.shayna.com
Training and Consulting in CSS and Accessibility
Team Fusebox

-----Original
[more]

Blocking CSS styles

Wed, 18 Apr 2007 06:44:00 GMT

If you can use Firefox, get the Web Developer toolbar plugin, and you can
disable individual stylesheets.

Alternatively, with Firebug you can edit stylesheets on-the-fly (so you can
simply comment out the appropriate bits of previous stylesheets
[more]

Class prefixing

Wed, 18 Apr 2007 06:26:00 GMT

For tags/ids... I agree entirely with Sasha.
(it's not necessary but it can help with readability, especially when the id
is not on a div)

For tags/classes, I think we agree, but just wanted to post an example that
I think clarifies things.
Rather
[more]

The Fusion Authority Quarterly Update Volume 2, Issue 4 is out now

Sat, 30 Aug 2008 05:55:10 GMT

If you want your ColdFusion skills to be up-to-date then you need the Fusion Authority Quarterly Update. The current issue is all about Best Practices and Development Environments. Just what we all need. Order now

Cascading Style Sheets (CSS) Mailing List RSS Feed

Pro-bono advice anybody?

Pro-bono advice anybody?

Pro-bono advice anybody?

Pro-bono advice anybody?

Show a form to the right of a float

Show a form to the right of a float

Firefox hypehn bug

CSS Absolute positioning problem

CSS Absolute positioning problem

IE 6 Weirdness: Popup layer

IE 6 Weirdness: Popup layer

IE 6 Weirdness: Popup layer

CSS Absolute positioning problem

CSS Absolute positioning problem

CSS problem

CSS problem

CSS problem

CSS problem

CSS problem

CSS problem

CSS problem

CSS problem

background images vs pagebased

There has never been a better time to be a ColdFusion Developer

background images vs pagebased

background images vs pagebased

background images vs pagebased

background images vs pagebased

background images vs pagebased

Floating Left *and* Right

Floating Left *and* Right

Creative Survey

Class prefixing

Class prefixing

Blocking CSS styles

Blocking CSS styles

Class prefixing

The Fusion Authority Quarterly Update Volume 2, Issue 4 is out now

Floating Left and Right

Floating Left and Right