Yes.
link href=styles.css type=text/css rel=stylesheet media=*all* /
link href=print.css type=text/css rel=stylesheet media=*print* /
~|
Adobe® ColdFusion® 8 software 8 is the most important and dramatic release to
date
Get
Heh. The asterisks were placed in by Gmail's editor, to signify bold. I
was merely attempting to highlight the key words. After I sent my reply,
I found that other people had already answered the question. For some
reason the thread didn't stay together in my Gmail account, so I thought I
was
, February 20, 2008 1:12 PM
To: CF-Talk
Subject: Re: OT: CSS Question
Yes.
link href=styles.css type=text/css rel=stylesheet media=*all* /
link href=print.css type=text/css rel=stylesheet media=*print* /
~|
Adobe
I understand how to make fields invisible, but is there a way to have a
field display on the screen, but become invisible when printed? For
example, can I set one stylesheet for Display and another for printing?
Andy
~|
I'm using a template from freetemplates.com. The css file seems quite well
done. I want to replace an image with a small flash movie. I thought I
would just eliminate the image, and embed the movie in the html page.
However, when I just put the movie on the page, as is or in between two
div
Offhand, it looks like you aren't closing your object block.
--Ben Doom
Mark Fuqua wrote:
I'm using a template from freetemplates.com. The css file seems quite well
done. I want to replace an image with a small flash movie. I thought I
would just eliminate the image, and embed the movie in
On Thursday 17 Jan 2008, Mark Fuqua wrote:
I'm using a template from freetemplates.com. The css file seems quite well
done. I want to replace an image with a small flash movie.
Give SWFObject a go.
--
Tom Chiverton
Helping to synergistically conquer front-end synergies
on:
This isn't really cf-related, but I was hired to build a dropdown menu for an
e-comm site. The menu looks/work fantastic on its own page, but is really
screwed on their staging server.
Now, their code is incredibly sloppy. There's not even a doctype. I still
figured I could make it look right
Yo Will, I only messed with it a second (I LOVE firefox and the
plugin that lets you edit CSS on the fly ;) but by adding a float
to the menu CSS it sorta almost works. In Firefox, at least. :)
Here's the effected block of CSS from acapellamenu2.css:
(all I added was the float at the bottom-
Rick Faircloth wrote:
Hi, all...
I'm wondering if anyone knows why and what to do about aligning
a div background image to the right top corner of a div.
IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper
corner.
Here's the code:
div class=section
I will have to agree, works here too.
but one thing I have also noticed is that in some case of heritance of
styles, the image class needs to have margin-left: auto; and margin-right:
auto;
I have also found that in fireDebug, if you start to disable inherit css
elements you can quickly identify
Hi, Andrew... check out my response to Mark Mik for
the explanation I came upon for the problem.
Let me know if you don't see it.
Rick
-Original Message-
From: Andrew Scott [mailto:[EMAIL PROTECTED]
Sent: Tuesday, June 12, 2007 5:29 AM
To: CF-Talk
Subject: Re: OT: CSS Question
I
Henderson [mailto:[EMAIL PROTECTED]
Sent: Tuesday, June 12, 2007 4:53 AM
To: CF-Talk
Subject: Re: OT: CSS Question
Rick Faircloth wrote:
Hi, all...
I'm wondering if anyone knows why and what to do about aligning
a div background image to the right top corner of a div.
IE 7 and FF display
-
From: Mark Henderson [mailto:[EMAIL PROTECTED]
Sent: Tuesday, June 12, 2007 4:53 AM
To: CF-Talk
Subject: Re: OT: CSS Question
Rick Faircloth wrote:
Hi, all...
I'm wondering if anyone knows why and what to do about aligning
a div background image to the right top corner of a div.
IE 7
everything to stack up.
Thoughts,
Thanks,
Rick
-Original Message-
From: Mark Henderson [mailto:[EMAIL PROTECTED]
Sent: Tuesday, June 12, 2007 4:53 AM
To: CF-Talk
Subject: Re: OT: CSS Question
Rick Faircloth wrote:
Hi, all...
I'm wondering if anyone knows why and what to do about aligning
Hi, all...
I hope everyone doesn't mind an OT question, but I can't find an answer
anywhere and the css list I'm on isn't responding.
Here's my post to the other list. I'd appreciate any clues anyone might
have.
Thanks,
Rick
How about:
{
background-image: url('images/dove-section-bg.png');
background-repeat: no-repeat;
background-position: 100% 0px;
}
Mik
IE 7 and FF display it as expected...IE 6 just leaves it in the *left* upper
corner.
Here's the code:
div class=section
Sorry for this being off topic but I know there are people on this list
whose CSS knowledge exceeds my own.
I have a problem that I've run into before and my company had to outsource
it to a CSS Guru (Sandra Clark). While I truly appreciated her help the
last time, I want to work through this
I am trying my first css design and was wondering how to accomplish
something. Say I have a container div which contains left, right and center
columns and then below those three columns I want another div with spacing
between the three columns above it, how would I accomplish this correctly?
I prefer using margin when I'm creating space between containers and padding
when I'm trying to create space between content and the container edge. I
just find it easier to think about that way, I guess. I don't know why
margin isn't working for you, though. Can you post a *snippet* of the
Hi Doug
Yeah I would use something like
#bottomContent {
width: 600px;
padding-top: 10px;
background: #ff;
}
HTH
Jose Diaz
On 3/23/07, Doug Brown [EMAIL PROTECTED] wrote:
I am trying my first css design and was wondering how to accomplish
something. Say I have a container div
;
border: 1px solid #000;
display: inline;
background-color: Lime;
text-align: center;
}
-Original Message-
From: Rob Wilkerson [mailto:[EMAIL PROTECTED]
Sent: Friday, March 23, 2007 7:15 AM
To: CF-Talk
Subject: Re: OT: css n00b question
I prefer using margin
;
}
div.bottom {
margin-top:10px;
}
Give it a shot.
Rob
-Original Message-
From: Rob Wilkerson [mailto:[EMAIL PROTECTED]
Sent: 23 March 2007 13:15
To: CF-Talk
Subject: Re: OT: css n00b question
I prefer using margin when I'm creating space between containers and padding
when
Hi Doug
Sorry Margin is correct lol ignore my previous post ;)
Jose
On 3/23/07, Jose Diaz [EMAIL PROTECTED] wrote:
Hi Doug
Yeah I would use something like
#bottomContent
{
width: 600px;
padding-top: 10px;
background: #ff ;
}
HTH
Jose Diaz
On 3/23/07, Doug Brown
Unable to test? Don't have a browser installed on your computer?
:)
-Original Message-
From: Robert Rawlins - Think Blue
[mailto:[EMAIL PROTECTED]
Sent: Friday, March 23, 2007 8:20 AM
To: CF-Talk
Subject: RE: OT: css n00b question
Hello Doug,
I'm unable to test this, but you may want
?
:)
-Original Message-
From: Robert Rawlins - Think Blue
[mailto:[EMAIL PROTECTED]
Sent: Friday, March 23, 2007 8:20 AM
To: CF-Talk
Subject: RE: OT: css n00b question
Hello Doug,
I'm unable to test this, but you may want to try something like
No, no, I'm just lazy ;-)
-Original Message-
From: Andy Matthews [mailto:[EMAIL PROTECTED]
Sent: 23 March 2007 13:24
To: CF-Talk
Subject: RE: OT: css n00b question
Unable to test? Don't have a browser installed on your computer?
:)
-Original Message-
From: Robert Rawlins
Robert,
Thanks a lot that seems to do the trick...Back to the learning drawing board
:)
Doug
-Original Message-
From: Robert Rawlins - Think Blue
[mailto:[EMAIL PROTECTED]
Sent: Friday, March 23, 2007 7:20 AM
To: CF-Talk
Subject: RE: OT: css n00b question
Hello Doug,
I'm unable
Glad to hear it Doug,
If you've got any other questions then feel free to ask :-D Once you get
your head around CSS you'll fall in love with it.
Rob
-Original Message-
From: Doug Brown [mailto:[EMAIL PROTECTED]
Sent: 23 March 2007 13:30
To: CF-Talk
Subject: RE: OT: css n00b question
I am developing a site that displays fine in Firefox but not in IE. I am new
to CSS and I could use some insight as to what my problem might be. The link
and the style sheet are below. Thanks!
http://www.buickpartspage.com/
/* CSS Document */
body {
background:url(images/header_px.jpg)
Take a look at www.positioniseverything.net
They have all the well-known IE CSS browser bugs listed, along with fixes.
On 3/20/07, Che Vilnonis [EMAIL PROTECTED] wrote:
I am developing a site that displays fine in Firefox but not in IE. I am new
to CSS and I could use some insight as to what my
AM
To: CF-Talk
Subject: Re: OT: CSS Firefox vs. IE Question...
Take a look at www.positioniseverything.net
They have all the well-known IE CSS browser bugs listed, along with fixes.
On 3/20/07, Che Vilnonis [EMAIL PROTECTED] wrote:
I am developing a site that displays fine in Firefox
Hey all,
I'm having an issue where I can't get rid of space above a div in Firefox.
It's like the top margin is about 15 pixels. I tried setting margin and
padding to 0px, no dice. It appears exactly as I would expect in IE, with
the div right below the preceding text.
Basically the code is
p style=margin:0px;Header text
div class=myclassDiv text/div
/p
On 3/16/07, Josh Nathanson [EMAIL PROTECTED] wrote:
Hey all,
I'm having an issue where I can't get rid of space above a div in Firefox.
It's like the top margin is about 15 pixels. I tried setting margin and
padding to 0px, no
p style=margin:0px;Header text
div class=myclassDiv text/div
/p
Thanks Casey, I've decided to just ditch the p tags as they weren't
necessary anyway. I'm wrapping the blocks in a div and then setting the top
margin of the div to get the spacing I want. Seems to be pretty consistent
across
-Original Message-
From: Casey Dougall [mailto:[EMAIL PROTECTED]
Sent: Friday, March 16, 2007 3:33 PM
To: CF-Talk
Subject: Re: OT: CSS help?
p style=margin:0px;Header text
div class=myclassDiv text/div
/p
On 3/16/07, Josh Nathanson [EMAIL PROTECTED] wrote:
Hey all,
I'm having an issue where I
I have a div that is shown when a user clicks on a text field, and it pops up
just below that text field (0px below and aligned to the left bottom corner).
It seems to work just fine in IE: but in NS and FF the div is about 25 px out
of alignment. Any ideas on how to display it the same in all
Well, I'm finally getting around to see what all IE7 has broken in my
various CSS websites. I was rather surprised to find out that horizontal
centering is on the list. For instance, the following does not render
properly in IE7:
body {
margin: 0 auto;
}
While that *should* have no
Matt,
Check you document declaration. If it is non-existent, incomplete or has
syntax errors, the browser will, be default, show the page in 'quirks mode'.
On 12/11/06, Matt Quackenbush [EMAIL PROTECTED] wrote:
Well, I'm finally getting around to see what all IE7 has broken in my
various CSS
Scott,
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
is what I use. So, unless there's a new one for strict, which I haven't
found, unfortunately that's not the problem. :-(
By posting that though, does that indicate that you are
Still no example huh...
-Original Message-
From: Denny Valliant [mailto:[EMAIL PROTECTED]
Sent: Wednesday, November 08, 2006 2:53 AM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
On 11/6/06, Bobby Hartsfield [EMAIL PROTECTED] wrote:
but it's pretty tough
On 11/6/06, Bobby Hartsfield [EMAIL PROTECTED] wrote:
but it's pretty tough to look /all/ the way
up that high...
Especially if you deleted this thread days ago like I did.
Yeah, gotta love those subjectless posts, neh? :)
PROTECTED]
Sent: Thursday, November 02, 2006 2:12 PM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
It was a flippant comment, in response to a flippant comment. Context
is cool! ;-)
You can call me Denny, btw- although I'm also a person. =]
On 11/1/06, Bobby
but it's pretty tough to look /all/ the way
up that high...
Especially if you deleted this thread days ago like I did.
-Original Message-
From: Denny Valliant [mailto:[EMAIL PROTECTED]
Sent: Monday, November 06, 2006 8:43 PM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right
Another little cheat, but not sure if it would work in your case:
div id=container style=width: 200px; height: 300px;
div id=right style=float: right; padding-top: 270px;
img src=foo.bar height=50 widht=50 alt=foo /
/div
div id=left
Your Text
/div
/div
On 11/1/06, Josh Nathanson [EMAIL PROTECTED] wrote:
Caveat: It's not a true float as you have to fix the width of the outer
table. But, if you can do that you can achieve the desired effect. Not
sure if this is easier than doing the same thing with a div or not.
Another little cheat, but
Sandy, you've mentioned these CSS rules a couple of times the past few
weeks. Is there a place where all these rules reside in one place?
Wasn't there like 72 of them or something?
Ray, you might be referring to a post I made while taking tips from sandy a
week or so ago.
I prob said 72
?
I don't really think this falls under the to 'CSS' or to 'Table' debate
though. :-) if you can do it in either... id like to see it.
-Original Message-
From: Josh Nathanson [mailto:[EMAIL PROTECTED]
Sent: Wednesday, November 01, 2006 7:20 PM
To: CF-Talk
Subject: Re: OT - CSS Float
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
I said originally it was a hack, and I wasn't the one who said I'd use a
table, that was Denny. I just provided an admittedly hack method to
achieve the desired result given certain circumstances.
But, I would use a table
On 10/31/06, Denny Valliant [EMAIL PROTECTED] wrote:
I'd use a table. :-P
Thank you all for your assistance. In the end I was attempting to
mimic what our Designer put into the layout template but I guess there
are times when this just can't happen without much additional
overhead. Kinda funny
programmer
ICGLink, Inc.
[EMAIL PROTECTED]
615.370.1530 x737
--//-
-Original Message-
From: Denny Valliant [mailto:[EMAIL PROTECTED]
Sent: Tuesday, October 31, 2006 10:11 PM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
On 10/31/06, Mark Henderson
I'd use a table. :-P
How so?
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.13.21/511 - Release Date: 11/1/2006
9:40 AM
~|
Introducing the Fusion Authority
On Wednesday at 5:15pm Denny Valliant wrote
I'd use a table. :-P
See, that's what I'm talking about, and as soon as I hit send I knew
there'd be mention of a table in there somewhere! Too cute :-)
--
This message has been scanned for viruses and dangerous
content by ISPNZ's automated virus
, November 01, 2006 11:20 AM
Subject: RE: OT - CSS Float Image Bottom Right corner of DIV
I'd use a table. :-P
How so?
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.430 / Virus Database: 268.13.21/511 - Release Date: 11/1/2006
9:40 AM
]
To: CF-Talk cf-talk@houseoffusion.com
Sent: Wednesday, November 01, 2006 11:41 AM
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
You have to do a table within a table, and hack a little, but it's a lot
easier than with a div.
http://www.oakcitygraphics.com
You have to do a table within a table, and hack a little, but
it's a lot easier than with a div.
http://www.oakcitygraphics.com/image_align_right_bottom.html
Thats a horrible hack... especially the actual placement of the bottom
right table needing to be scrupulously placed into the text
when someone develops CLS (Cascading Layout Sheets)
;0)
-- Josh
- Original Message -
From: Bobby Hartsfield [EMAIL PROTECTED]
To: CF-Talk cf-talk@houseoffusion.com
Sent: Wednesday, November 01, 2006 3:34 PM
Subject: RE: OT - CSS Float Image Bottom Right corner of DIV
You have to do
PROTECTED]
Sent: Wednesday, November 01, 2006 7:20 PM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
I said originally it was a hack, and I wasn't the one who said I'd use a
table, that was Denny. I just provided an admittedly hack method to
achieve the desired result given
I've been looking all around and maybe it's the 1/2 cup of java that's
slowing me down but I can't seem to find any CSS resources that show a
person placing an image on the bottom right of a div . Text would wrap above
and to the left of the image.
Anyone got a pointer for me...
Thank you,
--
That'll be because you float to the left or the right - there's no facility to
float up or down.
If you want an image placed in the bottom right, you can set the containers
style to be background: url(imagename) no-repeat bottom right; padding-bottom:
100px;
(where 100px is the height of the
instead.
Sandra Clark
==
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
-Original Message-
From: Casey Dougall [mailto:[EMAIL PROTECTED]
Sent: Tuesday, October 31, 2006 8:13 AM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom
:38 AM
To: CF-Talk
Subject: RE: OT - CSS Float Image Bottom Right corner of DIV
Rules of floating (there are 9 of them), basically says that an object
being
floated will always tend as far toward the side it is floated to (left or
right) and as far up as it can given the constraints
PS...
If you click on the link and it ads a 80: in the url, remove it and reload.
Must be a CFTALK thing.
- Original Message -
From: Doug Brown [EMAIL PROTECTED]
To: CF-Talk cf-talk@houseoffusion.com
Sent: Tuesday, October 31, 2006 6:00 AM
Subject: Re: OT - CSS Float Image Bottom
Here is a link to check out
http://codex.wordpress.org/Wrapping_Text_Around_Images
- Original Message -
From: Casey Dougall [EMAIL PROTECTED]
To: CF-Talk cf-talk@houseoffusion.com
Sent: Tuesday, October 31, 2006 5:24 AM
Subject: OT - CSS Float Image Bottom Right corner of DIV
I've
Looks fine here on FF2.0.
-Original Message-
From: Casey Dougall [mailto:[EMAIL PROTECTED]
Sent: Tuesday, October 31, 2006 9:27 AM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
On 10/31/06, Jerry Johnson [EMAIL PROTECTED] wrote:
Sure, take her class
:52 AM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
Importance: High
Sure, take her class.
Syllabus
Positioning via Floats
* Description of Floating
* Floating Rules
* Float Behaviors
* Clearing a Float
http://www.shayna.com
Clark [mailto:[EMAIL PROTECTED]
Sent: Tuesday, October 31, 2006 9:39 AM
To: CF-Talk
Subject: RE: OT - CSS Float Image Bottom Right corner of DIV
What version and OS? I'm looking at it on FF2.0 and it looks fine (also
looks fine on FF 1.5) both Win XP Sp2. Send me a screen shot
On 10/31/06, Doug Brown [EMAIL PROTECTED] wrote:
Here is a link to check out
http://codex.wordpress.org/Wrapping_Text_Around_Images
Yeah I checked it out but, I don't see anything in there about floating
image bottom right.
On 10/31/06, Sandra Clark [EMAIL PROTECTED] wrote:
Found it, it was dying at 1024 x 768. I'm uploading a fix for the dl now.
Should be up in around 5 minutes.
Yeah, working from home today only 16 inch monitors (yuck)
Casey
On 10/31/06, Jerry Johnson [EMAIL PROTECTED] wrote:
Sure, take her class.
Syllabus
Positioning via Floats
* Description of Floating
* Floating Rules
* Float Behaviors
* Clearing a Float
http://www.shayna.com/index.cfm?fuseaction=training.syllabus_displayid=3
and Accessibility
-Original Message-
From: Casey Dougall [mailto:[EMAIL PROTECTED]
Sent: Tuesday, October 31, 2006 9:27 AM
To: CF-Talk
Subject: Re: OT - CSS Float Image Bottom Right corner of DIV
On 10/31/06, Jerry Johnson [EMAIL PROTECTED] wrote:
Sure, take her class.
Syllabus
Sure, take her class.
Syllabus
Positioning via Floats
* Description of Floating
* Floating Rules
* Float Behaviors
* Clearing a Float
http://www.shayna.com/index.cfm?fuseaction=training.syllabus_displayid=3
Bwahhhaahhhaaahhaa!
(I wish I could take her class.)
On
Casey Dougall wrote
I've been looking all around and maybe it's the 1/2 cup of
java that's slowing me down but I can't seem to find any CSS
resources that show a person placing an image on the bottom
right of a div . Text would wrap above and to the left of the image.
Then Sandra Clark
On 10/31/06, Mark Henderson [EMAIL PROTECTED] wrote:
Maybe I got a little carried away up there. Who knows. Denny, what do
you think?? J/k!!
I'd use a table. :-P
Loved the ascii art, BTW!
=D3
~|
Introducing the Fusion
Okay for all the CSS gurus:
How can I make a UL tag use less spacing overhead.
When you use a UL tag, it creates a good size space in between the
previous line to the First LI element.
How can I reduce that?
I tried: UL style=padding-top:-10px; but did not work (did not
think it would but
On 10/11/06, Adkins, Randy [EMAIL PROTECTED] wrote:
Okay for all the CSS gurus:
How can I make a UL tag use less spacing overhead.
When you use a UL tag, it creates a good size space in between the
previous line to the First LI element.
How can I reduce that?
margin: 0;
That should do it.
I was wondering if anyone has used CSS entirely on their site to seperate
content from presentation. Mainly what I was looking at was the use of images
in sites designed using CSS. I was looking around for examples, but could not
find any. If anyone has done this on the board, please shoot me a
Say I want to apply color on text. I need to do it in the html itself.
Here is what I ended up with how can I do it better? The p tag I have no
control over. It is there to format the paragraphs. Is there a better tag
other then a to apply a style to?
pthe following text is the color a
Yes. Your method will work in a browser, but it's semantically wrong
and will give the wrong result for other methods of looking at your
page. You should use span for what you want to do.
span style=color:red;red/span
Cheers
Mike Kear
Windsor, NSW, Australia
Adobe Certified Advanced
In line:span style=color:red;red/span
Block element (creates a line break unless overridden in the styles) div
style=color:red;red/div
On 8/14/06, Chad Gray [EMAIL PROTECTED] wrote:
Say I want to apply color on text. I need to do it in the html itself.
Here is what I ended up with how can
Here is a test page using span to change the text to red.
Why does it not show up?
Because in the style sheet you have
span{margin-left:30px;font-size:13px;color:#888;display:none}
Hence, it's not displaying anything at all. If you have control of the
stylesheet (and I hope you do) you
On Tuesday 14 February 2006 15:55, Robert Everland III wrote:
I want to play around with using CSS instead of using tables to position
things. Does anyone have some sites that they use as an example of this
that I can go off of.
CSS Zen Garden.
--
Tom Chiverton
Advanced ColdFusion
I want to play around with using CSS instead of using tables to position
things. Does anyone have some sites that they use as an example of this that I
can go off of.
Bob
~|
Message:
Why the ellipses when defining your classes? I've never seen that before.
Maybe I'm behind the loop. :)
--
Michael Clayton
www.twilighted.com
~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:229448
Archives:
Can anyone explain to me why this works in IE 6 and Opera but not in Firefox?
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
head
titleUntitled/title
/head
style
.container {
color: #00;
font-family:tahoma, verdana, helvetica;
Because IE and Opera are incorrectly ignoring the first two periods,
while Firefox is correctly ignoring the rest of the rule? I'm not
sure that applies to selectors or just rules, but I'd guess it's for
both. Or perhaps its a case-sensitivity issue. CSS is case
sensitive, but I believe IE
It has to do with the way IE and Firefox treat the box model in quirks
mode. There's some info about it here:
http://www.quirksmode.org/css/quirksmode.html
Also, if you remove the width:100% in the menu def, it will fill out correctly.
On 1/12/06, Robert Everland III [EMAIL PROTECTED] wrote:
That's awesome, it works beautifully now. It was driving me crazy.
Also those extra periods were added after I posted. The code only has one
period.
bob
~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:229393
Hey All,
Sorry for the OT...but yer a smart bunch ;-)
THE CODE:
fieldset
legendstrongGrouped things/strong/legend
div style=display: block; margin: 5px; padding: 5px; width: 100%;
label for=input1 class=NormalTextGrey style=width: 100px;Prompt
1/label
input type=text name=input1 id=input1
by default labels are inline elements which shouldn't follow the width
declaration. In your css you can set up the following:
style
label {display:block;float:left;}
/style
Then all the labels will follow the width declaration. Of course, you
open a whole new can of worms with the float :)
here's a link to accompany my answer:
http://www.quirksmode.org/css/forms.html
On 11/15/05, Marlon Moyer [EMAIL PROTECTED] wrote:
by default labels are inline elements which shouldn't follow the width
declaration. In your css you can set up the following:
style
label
? Running 11/29 - 12/2 in
Rockville, MD
http://www.teratech.com/training/oc_classes.cfm#CS201H
-Original Message-
From: Barney Boisvert [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 10, 2005 7:58 PM
To: CF-Talk
Subject: Re: OT: CSS
Nope, sure isn't. Forms and CSS don't play very well
You mean like this?
No. I was trying to avoid setting a different class for every element then
having to go through the site and actually put class=myclass on those
elements. But thanks to IE, I guess I'm going to have to do just that...
sigh.
Thanks everyone.
..:.:.:.:.:.:.:.:.:.:.:.:.:.:.
.
Thanks for the replies people :)
..:.:.:.:.:.:.:.:.:.:.:.:.:.:.
Bobby Hartsfield
http://acoderslife.com
-Original Message-
From: Sandy Clark [mailto:[EMAIL PROTECTED]
Sent: Friday, November 11, 2005 8:21 AM
To: CF-Talk
Subject: RE: OT: CSS
Its already there Barney (cept in IE of course
Hey sorry for the OT but anyone worth asking comes here :)
Is there a way to set a style for a particular input type?
Example: I have a global style for input,textarea,select in my .css to
automatically style all those elements throughout the app. That style has a
thin border around all the
Nope, sure isn't. Forms and CSS don't play very well, because
EVERYTHING is an input tag. It'd be a lot better if they had
individual tags for each element type, or at least had psuedo classes
that would affect only certain elements. I.e. input::radio would only
affect radio buttons. I'm not
I think you might be able to use Attributes selector for this purpose.
An example although not tested
input[type=button] {
.
}
HTH
On 11/10/05, Barney Boisvert [EMAIL PROTECTED] wrote:
Nope, sure isn't. Forms and CSS don't play very well, because
EVERYTHING is an
, 2005 9:22 PM
To: CF-Talk
Subject: Re: OT: CSS
I think you might be able to use Attributes selector for this purpose.
An example although not tested
input[type=button] {
..
}
HTH
On 11/10/05, Barney Boisvert [EMAIL PROTECTED] wrote:
Nope, sure isn't. Forms and CSS
-
From: Barney Boisvert [mailto:[EMAIL PROTECTED]
Sent: Thursday, November 10, 2005 7:58 PM
To: CF-Talk
Subject: Re: OT: CSS
Nope, sure isn't. Forms and CSS don't play very well, because
EVERYTHING is an input tag. It'd be a lot better if they had
individual tags for each element type, or at least
to look at the source and the CSS file...
http://diyframing.dev.web-architect.co.uk/styles/diyframing.css
Paul
-Original Message-
From: Bobby Hartsfield [mailto:[EMAIL PROTECTED]
Sent: 11 November 2005 04:42
To: CF-Talk
Subject: RE: OT: CSS
I tried exactly that before I asked
1 - 100 of 213 matches
Mail list logo