Rick Root wrote:
Anyone want to take a gander at this?
http://www.opensourcecf.com/cfopenchat/layout.html
In the above layout, I only want to hard code the width and height in
the outermost div (the inside of that div will be code generated)
This works great in Chrome and IE.. but not
This'll no doubt help
http://www.google.co.uk/search?hl=ensa=Xoi=spellresnum=0ct=resultcd=1q
=taming+listsspell=1
Adrian
-Original Message-
From: Rick Root
Sent: 13 March 2008 13:38
To: CF-Talk
Subject: CSS help
Okay, I'm working on a pretty simple navigation element for this web
Yeah, IE and FF treat styles of the list elements completely different.
You might look at zero-ing your element margins (in all browsers) prior
to writing any CSS, to gain a somewhat consistent look and feel. Google
Eric Meyers on this topic...
Steve Cutter Blades
Adobe Certified Professional
On 3/13/08, Adrian Lynch [EMAIL PROTECTED] wrote:
This'll no doubt help
http://www.google.co.uk/search?hl=ensa=Xoi=spellresnum=0ct=resultcd=1q
=taming+listsspell=1
That's an interesting page but doesn't seem to address my issue of setting
width's on inline list elements.
I also found this
Yeppers. Included the file between the style tags and away we went. Thanks
guys!
JH
... I would expect it would need to be a cfinclude rather than a linkref.
I agree. I do something similar on one of my sites. It works fine when I
include the style content using a CF include inside the
What does the source of the generated HTML look like? Are you getting style
blocks? Do you have more than one? I've never actually seen it done like
this, generally a .css file is dynamically loaded based on the site.
_
Jake Churchill
CF Webtools
11204 Davenport, Ste. 200b
Omaha, NE
Whap happens when you call the CSS file directly in the URL (as if you
were going to it as a page)?
Also, are you using:
cfcontent type=text/css /
In the CSS (cfm) page?
..
Ben Nadel
Certified Advanced ColdFusion MX7 Developer
www.bennadel.com
Need ColdFusion Help?
I would expect it would need to be a cfinclude rather than a linkref.
This e-mail is from Reed Exhibitions (Gateway House, 28 The Quadrant,
Richmond, Surrey, TW9 1DN, United Kingdom), a division of Reed Business,
Registered in England, Number 678540. It contains information which is
It is not working. I am not getting any of the css or the cf variables
displayed.
I think you need to do cfinclude to do what you are trying to do. CF won't
process the file unless you cfinclude it.
And, I bet there's some restriction on using a .css extension when linking
to a
I would expect it would need to be a cfinclude rather than a linkref.
I agree. I do something similar on one of my sites. It works fine when I
include the style content using a CF include inside the style/style tags
as a page style. I tried something similar with a dynamic style sheet and
I think you need to do cfinclude to do what you are trying to do. CF
won't
process the file unless you cfinclude it.
Not true. What he's trying to do is fine. To the web server, it looks like
any old http request for the file, and will hand it off to CF properly.
And, I bet there's some
Whap happens when you call the CSS file directly in the URL (as if you
were going to it as a page)?
This is a very important debugging step. Call the page directly in the
browser. As a linked resource to a page, any errors in the CFML code
will never be displayed, the CSS source is just
I think you need to do cfinclude to do what you are trying to do. CF
won't
process the file unless you cfinclude it.
And, I bet there's some restriction on using a .css extension when
linking
to a stylesheet, though I'm not sure.
-- Josh
Nope this works just fine.
CFML can server up CSS
CFML can server up CSS content just as easily as it can serve up text or
HTML or many other formats. You do have to tell it that it is server up
CSS with the above mentioned cfcontent... tag. It can have some
caching issues since the browser will not automatically reuse a dynamic
CSS
On 5/8/07, Ian Skinner [EMAIL PROTECTED] wrote:
Whap happens when you call the CSS file directly in the URL (as if you
were going to it as a page)?
This is a very important debugging step.
Speaking of debugging - if you have debugging enabled, that could be causing
issues.
Throw a
Calling test.cfm outputs FOO with a black, one pixel border around it,
in
both Firefox and IE7
What happens if you put something dynamic in styletest.cfm, like
..foo {border:1px solid #mycolor#}
when mycolor is defined somewhere previously? I think that's what the OP is
trying to do.
I
On 5/8/07, Josh Nathanson [EMAIL PROTECTED] wrote:
Calling test.cfm outputs FOO with a black, one pixel border around it,
in
both Firefox and IE7
What happens if you put something dynamic in styletest.cfm, like
..foo {border:1px solid #mycolor#}
when mycolor is defined somewhere
The browser has no idea CF is involved - it just cares about the final
result. The webserver doesn't care about the context of the GET request,
it
processes them all by the the same rules.
OK, since the whole page is CF it's already getting parsed. I spaced it on
that one.
-- Josh
Can you nest a DIV inside a P? I thought you had to use SPAN's for this.
---_
Eric R. Jones
Senior Web Application Developer, AFNOC/NCD
Barksdale AFB, LA
DSN 781-7784
Comm (318) 456-7784
NIPRNET: [EMAIL PROTECTED]
SIPRNET: [EMAIL
Can you nest a DIV inside a P? I thought you had to use SPAN's for this.
I got rid of the p tags and that seems to have cleared it up. Thanks!!
Weird though that it worked as expected on IE.
-- Josh
~|
Create Web
: [EMAIL PROTECTED]
-Original Message-
From: Josh Nathanson [mailto:[EMAIL PROTECTED]
Sent: Friday, March 16, 2007 2:03 PM
To: CF-Talk
Subject: Re: CSS help?
Can you nest a DIV inside a P? I thought you had to use SPAN's for
this.
I got rid of the p tags and that seems to have cleared it up
Nathanson
To: CF-Talk
Sent: Fri Mar 16 19:02:59 2007
Subject: Re: CSS help?
Can you nest a DIV inside a P? I thought you had to use SPAN's for this.
I got rid of the p tags and that seems to have cleared it up. Thanks!!
Weird though that it worked as expected on IE.
-- Josh
Make sure you are using a DocType that renders standards based across
browsers. HTML 4.01 Strict or xHTML 1.0 Strict. Validate against those
Validate your code using the HTML Validator http://validator.w3.org/ IE is
notorious for allowing bad code.
Remember that both Div and P are block
Think about that statement and then ask yourself did it really work on
IE :)
OK, change worked to appeared to work ;0)
-- Josh
~|
Deploy Web Applications Quickly across the enterprise with ColdFusion MX7
Flex 2
Free Trial
Remember that both Div and P are block level elements with margins. Each
browser contains its own stylesheet that you overwrite. Each stylesheet
is
not consistent with the other. Best thing to do to make things standard
across browsers is to 0 out all margins and padding first.
html *
You have the position attribute of your MainTextLoc element as absolute.
Mixing absolute and static elements on your page creates all kinds of
nightmares. If you want the footer to always be beneath the main
content, you'll need to wrap the MainTextLoc and PageTitle elements
inside another
After your main content do you have a clear div?
div class=clear/div
..clear { clear:both; }
On 2/16/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
I have a site done with CSS and I have standard includes such as header
and footers with all other files being content types.
Problem I am
I think I fixed it..
~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 MX7 integration create powerful cross-platform RIAs
I played with this a bit and it makes no sense. You can fix it by just
using a table. Not as pretty but it gets the job done.
Jake Churchill
CF Web Tools
[EMAIL PROTECTED]
402-408-3733 x103
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006
#headerWrapper {
float: right; // Change this!
margin-bottom: 25px;
}
#header {
width: 400px;
text-align: left;
padding-bottom: 5px;
border-bottom: 1px dotted #cc;
}
Float
div style=width:400px; float:right; text-align:left;
Like this?
/div
Mingo.
Rick Root wrote:
I'm having some trouble with CSS.
I'd like to right align a 400px box to the right side of my page, and I
want to LEFT align the text in the page. I've got it working in IE, but
not Firefox.
Try doing this:
#headerWrapper {
/* Position the wrapper relatively. */
position: relative;
margin-bottom: 25px;
/* Because next element is ABSOLUTELY positioned... You will need to
set an explicit height on the wrapper (for page layout) */
You need float: right on the box, not text-align.
The way CSS works is that you float on the object, and text-align objects
within the object.
!//--
andy matthews
web developer
certified advanced coldfusion programmer
ICGLink, Inc.
[EMAIL PROTECTED]
615.370.1530 x737
Jake Churchill wrote:
I played with this a bit and it makes no sense. You can fix it by just
using a table. Not as pretty but it gets the job done.
pff a table ;) so 1996...
Mingo.
~|
Introducing the Fusion Authority
x 14
212.691.3477 fax
www.nylontechnology.com
Some people call me the space cowboy. Some people call me the gangster of
love.
-Original Message-
From: Sandra Clark [mailto:[EMAIL PROTECTED]
Sent: Wednesday, August 16, 2006 11:23 AM
To: CF-Talk
Subject: RE: CSS help
#headerWrapper
Jake Churchill wrote:
I played with this a bit and it makes no sense. You can fix it by just
using a table. Not as pretty but it gets the job done.
I know I can fix it by using a table, but I don't want to use a table ;)
I will if I can't come up with an alternative solution though.
Rick
Sandra Clark wrote:
Float the wrapper to the right. Text-align only works on the inline text
within the div, not on the div itself.
I seriously need to buy you a drink at the next conference! You're
always coming to my CSS rescue.
that worked, except that the remaining content floated
While the br does work, it's a bit of a fudge. I came across an
article with a better solution when looking at the same problem; try
adding
clear: both;
overflow: hidden;
to the css for the box and you can remove the br after it.
On 8/17/06, Rick Root [EMAIL PROTECTED] wrote:
Sandra Clark
You need a doctype in there, otherwise IE is going to go into quirks mode
Try HTML 4.01 strict, that should be a start.
As to the rest, maincontent has a width of 100%. The question is 100% of
what? Children in the dom inherit the width of their parents. Try to set
percentages for nav and side
Sandy Clark wrote:
You need a doctype in there, otherwise IE is going to go into quirks mode
Try HTML 4.01 strict, that should be a start.
Wow, that breaks everything! =) How about 4.01 Transitional?
As to the rest, maincontent has a width of 100%. The question is 100% of
what? Children
:04 AM
To: CF-Talk
Subject: Re: CSS Help
Sandy Clark wrote:
You need a doctype in there, otherwise IE is going to go into quirks
mode Try HTML 4.01 strict, that should be a start.
Wow, that breaks everything! =) How about 4.01 Transitional?
As to the rest, maincontent has a width of 100
Well, I switched it to Strict and even went through and validated my CSS
using the w3c CSS validation service
(http://jigsaw.w3.org/css-validator/), and it's fine. No errors, no
warnings.
And I've still got unwanted white space left and right on the blue bar
in the midddle when viewed in IE.
Yes, but you designed it in quirks mode. Best bet is to start commenting out
css and playing with it one bit at a time until you find the culprit.
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Tuesday, August 16, 2005 1:21 PM
To: CF-Talk
Subject: Re: CSS Help
Well
Sandy Clark wrote:
Yes, but you designed it in quirks mode. Best bet is to start commenting out
css and playing with it one bit at a time until you find the culprit.
I didn't design it in any mode other than text mode =)
Okay, I removed all the unrelated crap and have this:
From: Rick Root [mailto:[EMAIL PROTECTED]
where is that space coming from?
Try something out...
Make this your first style declaration. Then refresh.
*{
padding: 0px;
margin: 0px;
}
Looks like a padding issue...
~|
Nope, doesn't work.
I'll stop posting on this thread here... I'm trying to subscribe to a
css discussion list =)
Rick
Tangorre, Michael wrote:
From: Rick Root [mailto:[EMAIL PROTECTED]
where is that space coming from?
Try something out...
Make this your first style declaration. Then
Unless someone complains, keep it up. It helps those of us who might be
considering CSS or have some problems that we've just given up on.
Andy
-Original Message-
From: Rick Root [mailto:[EMAIL PROTECTED]
Sent: Tuesday, August 16, 2005 1:55 PM
To: CF-Talk
Subject: Re: CSS Help
Nope
47 matches
Mail list logo