[css-d] css and javascript

[KAYA]

Hi everyone,
i am a new member.

i try to prepare some parts of my web page by using
css
i want for some windows, links
i want simplest form of window without address bar,
standard buttons
etc.
and i want to control height and width.
i will be glad if there is anyone that can help me
about that.
www.lalunagallery.com has links for images that i want
to prepare
similar.

and i want to learn javascript.
Especially i want to use javascript for close window
link for now.
Can you advice me about useful tutorials?

Thanks a lot.
Best regards.
Mr. Abidin Kaya




__ 
Do you Yahoo!? 
Yahoo! Small Business - Try our new resources site!
http://smallbusiness.yahoo.com/resources/ 
__
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] I hope this is the last time

[Ingo Chao]

Lorin Rivers schrieb:
Allright,
Design change required a little tweaking to get it to this point. Now  
the top section is ~55px too tall. In IE6 only, of course.

I've taken all the heights, widths, and most padding and margin in an  
effort to isolate the problem, to no joy.


I fear this is not the last time for your layout in IE6 ;)
you have

  ...
  ...


...

In IE6, you can define
div#lessframetop { ... height: 15px; ...}
but IE6 will expand to fit the following :
div#lessframetop div { ... height: 55px;... }
similar with :
div#lessframetop h1 { ... position: relative; ... top: -60px; }
* html div#lessframetop h1 {... height: 1%; }
Note the word /then/ here: "The box's position is calculated according 
to the normal flow ... Then the box is offset relative to its normal 
position. When a box B is relatively positioned, the position of the 
following box is calculated as though B were not offset."

This makes it real hard in IE6:
#lessframetop is expanded by the height of  and 
The dilemma in your design is that you have to assign a height in 
#lessframetop to get a reasonable height for the bg-img. (So you'd end 
in the very same problem by using floats: IE6 will auto-contain these 
floats because of the "layout" #lessframetop.)

Sorry, before we start a. p. more and more or strike back with neg. r.p. 
this and that, I think you should isolate the lessframetop/lesscontent 
and(!) its nearest positioned ancestor for a simplified testcase that 
works in FF and breaks in IE without debugging stuff and perhaps less 
orange :)

Ingo


__
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] css and javascript

[Joanne]

Especially i want to use javascript for close window
link for now.

Close Window

Joanne

__
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] feeding different body tag to different pages. How

[Karl Bedingfield]

Hi there,

 

I want to change the background image (used for faux columns) on certain
pages. The bg image is in the body tag like so ..

 

html, body {

background: #E0DDD6 url(/images/bbg.gif) repeat-y 50% 0;

font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

text-align: center;

padding: 0;

margin: 0;

}

 

Can I have different body tags based on page requirements?

 

Many thanks
Karl Bedingfield

 

 

__
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] css and javascript

[Christian Heilmann]

> Especially i want to use javascript for close window
> link for now.
> 
> Close Window

This however means that without JavaScript, you have a dead link in the page. 

Better to generate the link with JavaScript
http://www.sitepoint.com/article/pop-ups-dead-links

Off-Topic now, though, let's stop.


-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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] Site check - IE width problem

[Mike Davies]

I have a problem with this page in IE. The page renders correctly in
Opera and Firefox.

There are three floated columns inside a container div. 
rightcol w=160px, leftcol w=160px, contentcol w=430px all have padding,
margin and border =0. wrap has width 755px. IE renders the rightcol
below the other two which appears to be related to the widths but I
can't see why as the three total 750px. Can anyone comment?

Also seems to be a problem with the top/bottom margins above and below
the nav. list.

Any help appreciated

Page : www.integrawebdesign.co.uk/dunmaglass/dunmaglass.html
css : www.integrawebdesign.co.uk/dunmaglass/dunmagla.css
  www.integrawebdesign.co.uk/dunmaglass/layout.css

-- 
Mike Davies
Integra Web Design, Huntly, AB54 4XP
01466 700213www.integrawebdesign.co.uk

__
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] Site check - IE width problem

[jack fredricks]

3px bug?
__
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] Two inline lists - one left, one right

[Rob Freundlich]

On Thursday, May 12, 2005 4:51 PM [GMT+0100=CET],Ingo Chao
<[EMAIL PROTECTED]> wrote:
> Rob Freundlich schrieb:
>> I've been offered two approaches:
>> My browser support requirements are IE 6 and Netscape 7.  Both
>> approaches work in both browsers.  Given that, does either approach
>> have an advantage over the other?
>
> I wonder why nobody has suggested:
> "TILT: How to Stop Feeling Bad About Using Tables for Layout and Start
> Enjoying Your Markup
> http://glazkov.com/blog/archive/2005/05/02/476.aspx";

That's a very interesting article.  I'm always amazed at what people can
come up with to work around incompatibilities ...

> I think the main problem with this and other ASCII art questions
> without an URL is that we truly cannot answer them nor discuss the
> answers because we don't know anything about
> a) the content, and
> b) the context.

I generally agree with the above.  However, this was a simple enough example
that I did the quick easy thing instead of putting up a sample site and
going into detail.  (Rob's New Corollary to Murphy's Law: it's *never* as
simple as it looks)  Since it's clearly not quite enough (sorry about that!)
to resolve my followup question, I'll add some detail now.

I'm writing (or rather, revising) a web app for desktop intranet use,
supporting IE6 and NS7.  It emulates a semi-standard desktop app 3-panel
layout: a nav tree on the left, and two panels (top for lists and bottom for
details) on the right.  In the list and detail panels, there are toolbars
with actions that can be taken on the data in the panel.

See http://home.comcast.net/~rob.freundlich/css/layout.png for a picture.

The action items on the toolbar are grouped left and right.  I'm
implementing them as ULs.  Under generally normal screen/window size, it is
unlikely that the two lists will be large enough to meet in the middle.  I'm
fairly willing to accept odd appearance if the user decides to go small
enough to violate that, since the data being displayed will not be useful at
small window widths.

As far as I can tell, the float method will degrade in the above violation
to stacking the items vertically, and the pos:relative method will caue
visual overlapping.  Either one will tell my user that they need to make the
window wider, so I can live with either one.

So, given all of that, is there any reason to choose one technique over the
other?

Thanks,
Rob

__
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] Help with MAC float problem

[Mark Cain]

I need help with a float problem in MAC IE.  Everything looks good in Win IE -- 
but the float is causing problem for those coming to the site with a MAC.

The problem is that on the MAC in the columns the text is one word wide -- 
meaning the content of the articles is broken up as though a  were at the 
end of each word.

The page is made of 15 DIVs -- many of which are used for varies headers, 
navigation and such.  The problem seems to be in the following column DIVs.  
The break down is as follows.  The basic css elements are listed as that might 
be causing the problem -- they are listed here for your quick review:

INNER -- text-align: left; position: relative; width: 800px;
  COL#1 -- width: 167px; text-align: left; float: left; position: relative;
  COL#1-END

  COL#2 -- width: 356px; float: left; position: relative; 
.series_banner -- text-align: center; position: relative; width: 340px; 
margin: 2px 0px 2px 10px;
.series_banner-END
  COL#2-END

  COL#3 -- width: 276px; float: right; position: relative;
.events_banner text-align: center; position: relative; width: 270px; 
margin: 2px 0px 2px 4px;
.events_banner--END
  COL#3-END
INNER-END

The site can be seen at:
http://www.southshorechurch.com

The CSS file is located at:
http://www.southshorechurch.com/css/main.css

Thanks for any help you can give me.

Mark Cain
__
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] Safari 1.3 and a:hover question

[Phillip Hollweg]

Philippe:
Thanks for your reply ...
http://dennisondi.com/safari/
Regards,
Phillip
---
On May 12, 2005, at 8:39 PM, Philippe Wittenbergh wrote:
It works just fine here (both Safari 1.2 and 1.3), based on that 
little snipped of code.

Do you have a url where it fails? There could be something else...

__
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] I hope this is the last time

[Lorin Rivers]

On May 13, 2005, at 2:59 AM, Ingo Chao wrote:
Lorin Rivers schrieb:
Allright,
Design change required a little tweaking to get it to this point.  
Now  the top section is ~55px too tall. In IE6 only, of course.
I've taken all the heights, widths, and most padding and margin in  
an  effort to isolate the problem, to no joy.


I fear this is not the last time for your layout in IE6 ;)
you have

  ...
  ...


...

In IE6, you can define
div#lessframetop { ... height: 15px; ...}
but IE6 will expand to fit the following :
div#lessframetop div { ... height: 55px;... }
similar with :
div#lessframetop h1 { ... position: relative; ... top: -60px; }
* html div#lessframetop h1 {... height: 1%; }
Note the word /then/ here: "The box's position is calculated  
according to the normal flow ... Then the box is offset relative to  
its normal position. When a box B is relatively positioned, the  
position of the following box is calculated as though B were not  
offset."

This makes it real hard in IE6:
#lessframetop is expanded by the height of  and 
The dilemma in your design is that you have to assign a height in  
#lessframetop to get a reasonable height for the bg-img. (So you'd  
end in the very same problem by using floats: IE6 will auto-contain  
these floats because of the "layout" #lessframetop.)

Sorry, before we start a. p. more and more or strike back with neg.  
r.p. this and that, I think you should isolate the lessframetop/ 
lesscontent and(!) its nearest positioned ancestor for a simplified  
testcase that works in FF and breaks in IE without debugging stuff  
and perhaps less orange :)

Ingo

Ingo, you are the BEST.
OK, well I took out all the debugging borders out, as well as the  
position info for h1. The question I should be asking I guess is how  
do I get the h1 to be centered vertically in #frametop and more-or- 
less aligned right?

In FF now, the h1 is left-aligned and below the div and in IE it's in  
the same position, but also makes the containing div that much taller.

--
Lorin Rivers
Mosasaur: Killer Technical Marketing 

512/203.3198 (m)
__
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] feeding different body tag to different pages. How

[Mike Stickel]

On May 13, 2005, at 3:10 AM, Karl Bedingfield wrote:
Can I have different body tags based on page requirements?
Yes. Give your body either an id or class on each page and define  
different styles in the style sheet to show the alternate bg images.  
For example:

Home page would have

"other" page would have

etc.
Style sheet would be as follows.
body {
background: #E0DDD6 url(/images/bbg.gif) repeat-y 50% 0;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
padding: 0;
margin: 0;
}
body.home{
background: #000 url(path/to/your/image.gif) repeat-y 50% 0;
}
body.otherpage{
background: #000 url(path/to/other/image.gif);
}
etc.
Mike Stickel
Screenflicker Developments
www.screenflicker.com
p: 403-923-7667
e: [EMAIL PROTECTED]
__
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] feeding different body tag to different pages. How

[Jan Brasna]

Sure - ,  etc. ...
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
__
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] ie6 problem w/ screen shots

[Donna Jones]

hi everyone:  i'm having a problem with ie6 (where have I heard that 
before).  it looks okay "everywhere else" - IE5.5, the Mozilla/ff, and 
the Mac browsers.  these pages aren't in their "home" so none of the 
links work.

the problem is between this page:
http://www.westendwebs.net/litmed/lm_program.html
and this page:
http://www.westendwebs.net/litmed/index2.html
i made some screen shots to better illustrate what's getting to me:
http://www.westendwebs.net/litmed/ieproblem.html
any ideas, any clues, anyone.
Thanks!
Donna
--
Donna Jones
West End Webs  772-0266
__
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] Safari 1.3 and a:hover question

[Phillip Hollweg]

Philippe:
Updating the styles to use the complete set of pseudo-classes (link, 
visited, hover, active) has made it work for me as expected -- thanks 
for your help.

Phillip
On May 12, 2005, at 8:39 PM, Philippe Wittenbergh wrote:
It works just fine here (both Safari 1.2 and 1.3), based on that 
little snipped of code.

Do you have a url where it fails? There could be something else...
__
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] mysterious margin problem in Firefox and Safari

[Dann S. Washko]

L. David Baron wrote:
On Thursday 2005-05-12 18:31 -0400, dann s washko wrote:

This is because vertical margins collapse.  Hn and P elements have
nonzero margin-top and margin-bottom from the user-agent style sheet.
This margin-top collapses with the (zero) margin-top of the DIV (with
class="content") and the collapsed margin ends up *outside* the DIV.
-David
That makes sense, but brings a question to my mind.  If the margin ends 
up outside the content div, and then outside the parent div into the 
body; why does it not "push into" the preceeding div (in this case the 
"header" div)?

Why would it allow the inside to "spill out" but not the outside to 
"spill in" if vertical margins collapse?

Thanks for you assistance, I very much appreciate.
--
Dann S. Washko
The Linux Link Web Radio Portal
Check Us Out
http://www.thelinuxlink.net
get slack (www.slackware.com) and get happy
__
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] something weird in Linux

[Barbara Dozetos]

Hello again.
This page is now live, but I'm seeing an intermittent weirdness with 
some browsers on Linux platforms. (Yes, this matters.  We're a largely 
Linux company and many of our clients are there or headed that way, as 
well.)
http://www.pcc.com/

For some reason, the leftnav box appears too high on the page in Mozilla 
and FF on the initial load. A refresh of the page puts it where it 
belongs. 

Does anyone have an idea as to why this is happening and/or how it might 
be fixed.

Thanks,
Barb
--
Barbara Dozetos ~ Web Designer/Graphic Designer
Physician's Computer Company
1 Main St., #7
Winooski, VT 05404  Pediatric Software Just Got Smarter
(p)802-846-5532 Your Practice Just Got Healthier
(f)802-846-8178 
[EMAIL PROTECTED]
www.pcc.com
__
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] Why isn't my active list item showing up properly?

[Andrew Mason]

Hi folks,
Please take a look at this site: http://www.pandamouth.org/test/
I'm using a background image that I shift around to make the  
bullets.  I'd like the active link to have a white bullet point(just  
like it does for a:hover), but for some reason when I assign the  
"active_bullet" class to the appropriate link it has no effect.

Any idea what I'm doing wrong?
Thanks,
Andrew
__
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] something weird in Linux

[Marcus Williams]

On 13/05/2005 15:54, Barbara Dozetos wrote:
For some reason, the leftnav box appears too high on the page in Mozilla 
and FF on the initial load. A refresh of the page puts it where it 
belongs. 
I'm seeing the same problem on FF 1.0.4 in windows XP as well so I doubt 
its a linux specific bug.

Marcus
--
Marcus Williams -- http://www.cad-schroer.co.uk
CAD Schroer UK, 39 Newnham Road, Cambridge, UK
__
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] PHP and CSS

[Sarah Atkinson]

Out of curiosity can you use PHP with in a CSS. Like maybe have a list of 
background images located in a DB and PHP select and insert on into the CSS. 
and possibly even have the user define things like font size, font color, 
background color, and typeface. 
Sarah 
__
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] something weird in Linux

[Dennis Bixler]

FWIW, it does it in Firefox 1.0.4 on WinXP but only on the first load of
the page, or if you clear the cache and the load the page.

Not sure what's causing it but it could be that something is slow in
loading above and the position on the page has no viable reference yet.
I normally notice this kind of behavior when there is a floating image
or height sized div that is delayed.

Dennis

-Original Message-
From: Barbara Dozetos [mailto:[EMAIL PROTECTED] 
Sent: Friday, May 13, 2005 10:54 AM
To: 'CSS Discussion Group'
Subject: [css-d] something weird in Linux

Hello again.

This page is now live, but I'm seeing an intermittent weirdness with 
some browsers on Linux platforms. (Yes, this matters.  We're a largely 
Linux company and many of our clients are there or headed that way, as 
well.)
http://www.pcc.com/

For some reason, the leftnav box appears too high on the page in Mozilla

and FF on the initial load. A refresh of the page puts it where it 
belongs. 

Does anyone have an idea as to why this is happening and/or how it might

be fixed.

Thanks,

Barb

-- 
Barbara Dozetos ~ Web Designer/Graphic Designer
Physician's Computer Company
1 Main St., #7
Winooski, VT 05404  Pediatric Software Just Got Smarter
(p)802-846-5532 Your Practice Just Got Healthier
(f)802-846-8178 
[EMAIL PROTECTED]
www.pcc.com

__
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] something weird in Linux

[Dennis Bixler]

Oh, and also note that in IE6-WinXP at 800x600 the header text to the
right of your header image is pushed below the image. Also the search
box on you navigation line is pushed below the rest of the navigation.

Dennis

-Original Message-
From: Barbara Dozetos [mailto:[EMAIL PROTECTED] 
Sent: Friday, May 13, 2005 10:54 AM
To: 'CSS Discussion Group'
Subject: [css-d] something weird in Linux

Hello again.

This page is now live, but I'm seeing an intermittent weirdness with 
some browsers on Linux platforms. (Yes, this matters.  We're a largely 
Linux company and many of our clients are there or headed that way, as 
well.)
http://www.pcc.com/

For some reason, the leftnav box appears too high on the page in Mozilla

and FF on the initial load. A refresh of the page puts it where it 
belongs. 

Does anyone have an idea as to why this is happening and/or how it might

be fixed.

Thanks,

Barb

-- 
Barbara Dozetos ~ Web Designer/Graphic Designer
Physician's Computer Company
1 Main St., #7
Winooski, VT 05404  Pediatric Software Just Got Smarter
(p)802-846-5532 Your Practice Just Got Healthier
(f)802-846-8178 
[EMAIL PROTECTED]
www.pcc.com

__
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] something weird in Linux

[Ingo Chao]

Barbara Dozetos schrieb:
http://www.pcc.com/
For some reason, the leftnav box appears too high on the page in Mozilla 
and FF on the initial load. A refresh of the page puts it where it belongs.

I can reproduce something similar with an old Moz1.6/Win/cleared cache 
too. Here, the a.p. positioned navbar jumps down while the images are 
loading (no reload is necessary to fix the position).

I cannot reproduce it in Moz1.6 with a local copy of your page, so I 
think it's time/connection-critical. No problems with a Mar nightly.

I'm not sure, you've defined
#leftnav {  position: absolute; left: 0; top: auto; ...}
Wouldn't 'auto' on 'top' and 'height' mean the 'static' position? Maybe 
this 'static' position is not clear to Moz while loading?

Does declaring an explicit height on /all/ the images at the page help?
Ingo
__
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] PHP and CSS

[Brian Cummiskey]

Sarah Atkinson wrote:
Out of curiosity can you use PHP with in a CSS. Like maybe have a list of background images located in a DB and PHP select and insert on into the CSS. and possibly even have the user define things like font size, font color, background color, and typeface. 
Sure.  php runs on the server, and thus, will populate the varibles into 
the Style part of your tags before the page is exported as (x)html.

for example:



body { background: ; }

.
.
.


on the browser, you will only see the generated css/html.

body { background: #fff; }

for the pagename of "home"
and

body { background: #ccc; }

for all other page names.
HTH
__
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] Why isn't my active list item showing up properly?

[Faust]

Andrew Mason wrote:
Please take a look at this site: http://www.pandamouth.org/test/
I'm using a background image that I shift around to make the  bullets.  
I'd like the active link to have a white bullet point(just  like it does 
for a:hover), but for some reason when I assign the  "active_bullet" 
class to the appropriate link it has no effect.
Try:
#page_header li a.active_bullet {
 background-image: url(bullet.gif);
 background-repeat: no-repeat;
 background-position: 0pt -18px;
}
My guess is that it has to do with cascading order.
Faust
__
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] something weird in Linux

[Barbara Dozetos]

Great hint, Paul.  Could those of you who saw the problem before please 
try this page and see if I've fixed the problem?
http://www.pcc.com/welcometest.html

(PS -- I know about the IE6  problem with the smaller screens.  Working 
on that, as well. Would be so much nicer if IE 6 would just honor the 
'min-width' declaration.)

Thanks,
Barb
Paul Debban wrote:
You should move your inline styles with floats up into your style 
block. Firefox displays the page incrementally as it loads. Your 
inline styles with floats define the position of display blocks after 
part of the page is already rendered.

---
Paul Debban.

--
Barbara Dozetos ~ Web Designer/Graphic Designer
Physician's Computer Company
1 Main St., #7
Winooski, VT 05404  Pediatric Software Just Got Smarter
(p)802-846-5532 Your Practice Just Got Healthier
(f)802-846-8178 
[EMAIL PROTECTED]
www.pcc.com
__
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] PHP and CSS

[Martin . C . Austin]

Sarah Atkinson wrote on 05/13/2005 10:25:55 AM:

> Out of curiosity can you use PHP with in a CSS. Like maybe have a 
> list of background images located in a DB and PHP select and insert 
> on into the CSS. and possibly even have the user define things like 
> font size, font color, background color, and typeface. 
> Sarah 

It's my understanding that this is not possible, unless the PHP is in your 
.php document, as well as the CSS that is going to be altered.  Placing 
PHP code in a .css file does no good unless your server knows the parse 
.css files as PHP.  If that's the case, then I don't see why it couldn't 
work in an external file, though I don't have the resources to test it 
right now.
__
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] PHP and CSS

[Brian Cummiskey]

Brian Cummiskey wrote:
body { background: ; }
clearly, i meant echo, not echp
Happy Friday :)
__
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] PHP and CSS

[Jack Keller]

Sarah Atkinson wrote:
Out of curiosity can you use PHP with in a CSS. Like maybe have a list of background images located in a DB and PHP select and insert on into the CSS. and possibly even have the user define things like font size, font color, background color, and typeface. 
Sarah 
 

You can actually do a style.php and format it like a document specific 
stylesheet but I think you then have trouble validating a stylesheet, 
well maybe not it would be included in a page like  and it would just look like this in the page:





And when the php file is rendered the databased info and dynamic stuff 
is of course not viewable to sneaky source readers.

Jack Keller | cell7.org
__
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] IE issue - DIV's not going full width

[Jonathan Duncan]

Thank you Ingo, the position:relative at least got the logo and nav to align to 
a different div which makes them closer to being in the center.  However I am 
also trying to get them to stretch out to fill the whole page horizontally.  
These two div have no width that I can see and they are not being limited by 
anything that I can tell so I would think they should expand to fill the screen 
like they do in Firefox.  Any ideas why they do not?

Jonathan
 
 
>>> Ingo Chao <[EMAIL PROTECTED]> 05/12/05 5:45 pm >>> 
Jonathan Duncan schrieb: 
> I have an issue with a site I am working on: 
> 
> http://hula-project.com/Hula_Server 
> 
> My problem is that in IE (XP) the top navigation (#p-navbar) and 
> header logo (#p-logo) will not display full width across the screen 
 
Opera8 flushes it to the left like IE6. FF centers it. 
 
Both the nav and the logo are positioned absolutely. For a.p. elements, 
the offset is calculated with respect to the containing block = the 
nearest positioned ancestor: 
http://www.w3.org/TR/CSS21/visudet.html#containing-block-details 
 
But, as in your case: "If there is no such ancestor, the containing 
block is the initial containing block.", and: 
"The containing block in which the root element lives is chosen by the 
user agent. ... This containing block is called the initial containing 
block." 
 
your rule 
body { margin: 0pt auto;} will center  relative to  
 
So, IE and Opera do calculate the offset with respect to , while 
FF calculates with respect to  (and all is valid IMHO). 
 
Try position:relative in body, for a start. More fixes are needed for 
Opera and IE, though.Â* Anyone? 
 
(tested with disabled javascript: "/stylesheets/IEFixes.js" (?!)) 
 
Ingo 
 
 
 
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] PHP and CSS

[Marko Locher]

-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

Sarah Atkinson wrote:
> Out of curiosity can you use PHP with in a CSS. Like maybe have a list of 
> background images located in a DB and PHP select and insert on into the CSS. 
> and possibly even have the user define things like font size, font color, 
> background color, and typeface. 
> Sarah 
Of coure you can do this. There are two posibilities:
- - Inline Css, that's the way Brian wrote about, and
- - a separate stylesheet,
If you use a separate stylesheet, who can use a php document (for ex.
style.php) which gets parsed by the webserver, and then just include
this file from your main (x)html file. (either with @import or a link
tag, which ever you like more)

Marko

- --
Marko Locher
Kollegium Kalksburg
KKnet System Betreuung

[EMAIL PROTECTED]
http://www.kk.asn-wien.ac.at/kknet/
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.2.5 (GNU/Linux)
Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org

iD8DBQFChNQRyja8NOV8jDYRAr/UAJsHHcSIRVawmuv7pzEriSNzlHcaGACfVJ2A
KoBUvN9U7GE25kYkQG5Y+K4=
=8bVr
-END PGP SIGNATURE-
__
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] PHP and CSS

[Ken Robinson]

Quoting [EMAIL PROTECTED]:
Sarah Atkinson wrote on 05/13/2005 10:25:55 AM:
Out of curiosity can you use PHP with in a CSS. Like maybe have a
list of background images located in a DB and PHP select and insert
on into the CSS. and possibly even have the user define things like
font size, font color, background color, and typeface.
Sarah
It's my understanding that this is not possible, unless the PHP is in your
.php document, as well as the CSS that is going to be altered.  Placing
PHP code in a .css file does no good unless your server knows the parse
.css files as PHP.  If that's the case, then I don't see why it couldn't
work in an external file, though I don't have the resources to test it
right now.
Actually, if you can set up your webserver to process you CSS files by PHP, 
it
is possible. You just have to output the correct header first.
See  for a good write-up 
about this.

Ken
__
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] PHP and CSS

[tedd]

Out of curiosity can you use PHP with in a CSS. Like maybe have a 
list of background images located in a DB and PHP select and insert 
on into the CSS. and possibly even have the user define things like 
font size, font color, background color, and typeface.
Sarah

Sarah;
Maybe this might help:
http://www.sperling.com/examples/pcss/
tedd
--

http://sperling.com/
__
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] CSS and me

[Benjamin Kirkby]

http://ben.web.arizona.edu/today/fixed.htm


Here is the problem. I have been working on this site for a few weeks now,
trying to lay the whole thing out using css. Every time I get the design to
work properly in one browser, it breaks in another. Since I work for a
public university, this is not acceptable. My director is now pressuring me
to lay the new website out using tables and I would like to avoid that if
possible. Actually, I am getting sick of the disappointment and frustration
I encounter on a regular basis using css-based layout. Can any one out there
give me any sort of advice on how to make this website work, without a
hitch, across all browsers on all platforms? Small design differences are
fine but things like navigation bars not floating properly and content
columns getting pushed  other columns is not acceptable. Thanks for any and
all advice... I have included the css inline to make it easier to review.

Ben
__
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] PHP and CSS

[Christian Heilmann]

On 5/13/05, tedd <[EMAIL PROTECTED]> wrote:
> >Out of curiosity can you use PHP with in a CSS. Like maybe have a
> >list of background images located in a DB and PHP select and insert
> >on into the CSS. and possibly even have the user define things like
> >font size, font color, background color, and typeface.
> >Sarah

Devarticles just published a roundup on that, here's my local copy
which is easier to read:

http://icant.co.uk/articles/cssconstants/


-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
__
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] CSS and me

[[EMAIL PROTECTED]]

Which browsers doesn't it work with?  I can't see any problems with FF 
1.04 and with IE6.  Are you required to make it look good in older 
browsers?  Can you look at the log files and determine what browsers 
visitors are using?
__
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] CSS and me

[[EMAIL PROTECTED]]

Also,
Validate code first.  Your issues may be as easy as that?  You have a 
bunch of xhtml errors.  Most might not matter, but when I did a css 
validation it choked on the xhtml, so I think this is worth looking at 
first.

Joel Goldstick
__
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] something weird in Linux

[Ingo Chao]

Barbara Dozetos schrieb:
Great hint, Paul.  Could those of you who saw the problem before please 
try this page and see if I've fixed the problem?
http://www.pcc.com/welcometest.html

From bad to worse in Moz1.6/Win. Now the leftnav stays wrong until reload.
Outlined img here: Note that the height of the image is similar to the 
misalignment.

http://www.satzansatz.de/cssd/tmp/welcometest.jpg
If its still of interest: Note that the footer jumps while loading the 
second main picture (247supportemma. jpg)

Still suggesting a height in all images.
Ingo
__
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] something weird in Linux

[Dennis Bixler]

As already posted it still doesn't work.

Dennis

-Original Message-
From: Barbara Dozetos [mailto:[EMAIL PROTECTED] 
Sent: Friday, May 13, 2005 11:49 AM
To: 'CSS Discussion Group'
Subject: Re: [css-d] something weird in Linux

Great hint, Paul.  Could those of you who saw the problem before please 
try this page and see if I've fixed the problem?
http://www.pcc.com/welcometest.html

(PS -- I know about the IE6  problem with the smaller screens.  Working 
on that, as well. Would be so much nicer if IE 6 would just honor the 
'min-width' declaration.)

Thanks,
Barb

Paul Debban wrote:

> You should move your inline styles with floats up into your style 
> block. Firefox displays the page incrementally as it loads. Your 
> inline styles with floats define the position of display blocks after 
> part of the page is already rendered.
>
> ---
> Paul Debban.



-- 
Barbara Dozetos ~ Web Designer/Graphic Designer
Physician's Computer Company
1 Main St., #7
Winooski, VT 05404  Pediatric Software Just Got Smarter
(p)802-846-5532 Your Practice Just Got Healthier
(f)802-846-8178 
[EMAIL PROTECTED]
www.pcc.com

__
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] ie6 problem w/ screen shots

[Bruno Fassino]

Donna Jones wrote:

> i'm having a problem with ie6
>
> http://www.westendwebs.net/litmed/lm_program.html

You have italics in that page, and these may produce, in IE/Win, boxes
larger then expected [1].
Try adding:
#contentwrapper {
overflow: visible;
}

Please note that this bug may show up in IE5.x also. You don't have it now,
probably because it also depends  on the fact that some containers have or
not a dimension (hasLayout.) Should you change something, you may trigger
it, and if you care about IE5.0 the fix is a bit more complex.

hth,
Bruno

[1] http://www.positioniseverything.net/explorer/italicbug-ie.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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles

[Justin Patrin]

FYI, I've posted this bug to quirksmode.org but it hasn't shown up
yet. Hopefully it will soon.

A short description:

This rendering bug in Internet Explorer 6.0 causes text in a div with
a background color followed by a div which floats to the left and
another which is clear on the left to be invisible. This bug does not
manifest in FireFox or Safari (although Safari renders the Hidden Text
to the right of the float: left div). All styling on the text is also
invisible (such as background colors and text colors).

A longer description and (lots of) examples and a workaround:
http://pear.reversefold.com/badIE/

-- 
Justin Patrin
__
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] Site check - IE width problem

[Lothar B. Baier]

Hi!
Mike Davies schrieb:
> I have a problem with this page in IE. The page renders correctly in
> Opera and Firefox.
>
> There are three floated columns inside a container div.
> rightcol w=160px, leftcol w=160px, contentcol w=430px all have padding,
> margin and border =0. wrap has width 755px. IE renders the rightcol
> below the other two which appears to be related to the widths but I
> can't see why as the three total 750px. Can anyone comment?
In either #leftcol and #rightcol you have pictures in a p-tag. P has 
padding. So IE expands the cols to fit in the pictures.

HTH
Lothar
--
www.markupmarks.de
www.design-dragon.de

--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12.05.2005
__
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] site check please!

[anthony croshaw]

Hi guys, well, I am onto my second site, starting to get to grips with css
(I think), can you please make sure it looks ok? Particularly mac users,

I have no way of checking macs, cheers

Ant

 

http://www.onceuponatimenursery.com  

 

__
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] ie6 problem w/ screen shots

[Donna Jones]

ah Bruno  how can I *thank you*  fixed fixed fixed. 
that's one i won't forget, you can count on that!

best regards and cheers!
Donna
Bruno Fassino wrote:
Donna Jones wrote:

i'm having a problem with ie6
http://www.westendwebs.net/litmed/lm_program.html

You have italics in that page, and these may produce, in IE/Win, boxes
larger then expected [1].
Try adding:
#contentwrapper {
overflow: visible;
}
Please note that this bug may show up in IE5.x also. You don't have it now,
probably because it also depends  on the fact that some containers have or
not a dimension (hasLayout.) Should you change something, you may trigger
it, and if you care about IE5.0 the fix is a bit more complex.
hth,
Bruno
[1] http://www.positioniseverything.net/explorer/italicbug-ie.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/

--
Donna Jones
West End Webs  772-0266
__
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] Head Scratchers

[Frank McClung]

I'm new to CSS, so please forgive these very simple questions. I'm working
on a CSS based site for a client and am :

 

1.  Having problems in IE getting the boxes on the right to line up in
the right column (#nextstep and #ebay) to line up and #submast to show up. 
2.  #nextstep and #ebay are correct in Firefox, but the #submast
background image is still covered up. 
3.  Bottom of the page is cut off in IE. 

 

http://www.computerrecycling.us/subpage3.htm

 

Please advise.

 

Thanks,

 

Frank

 

 

__
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] site check please!

[Tom Livingston]

On Fri, 13 May 2005 14:39:36 -0400, anthony croshaw  
<[EMAIL PROTECTED]> wrote:
I have no way of checking macs, cheers
Ant
http://www.onceuponatimenursery.com  


Looks good in Safari 1.3 and Opera 8b1 except in both, the pages scroll  
down much farther than needed past the "IE7" bug.

--
Tom Livingston
Senior Multimedia Artist
mlinc.com
--
www.browsehappy.com
www.opera.com
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
__
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] I Need A Comparison

[Dwight Stegall]

I need for someone to look at the following page. Please look at it
with both WinIE6.0 and FireFox and tell me if it looks different in
FireFox.

http://dwight.tendirect.com/colorsafeie-2.htm

Later when I'm finished the cursor won't appear as a hand when FireFox
users move their cursor over it. I have to put two of these tables
side-by-side when I'm finished. I don't think it will be a problem.
-- 
Do you want a Gmail Email Address http://gmail.google.com/ If so send
me your first and last name and I'll sign you up. Don't worry it's
free. :)
__
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] PHP and CSS

[Brian V Bonini]

On Fri, 2005-05-13 at 11:25, Sarah Atkinson wrote:
> Out of curiosity can you use PHP with in a CSS. Like maybe have a list of 
> background images located in a DB and PHP select and insert on into the CSS. 
> and possibly even have the user define things like font size, font color, 
> background color, and typeface. 
> Sarah 

Yes, do it all the time.
You nee to make sure you send the right Content-type header though.
Put this first thing at the top of your .css file, name the file
*.css.php and call it from your xhtml as such.




-- 

s/:-[(/]/:-)/g


BrianGnuPG -> KeyID: 0x04A4F0DC | Key Server: pgp.mit.edu
==
gpg --keyserver pgp.mit.edu --recv-keys 04A4F0DC
Key Info: http://gfx-design.com/keys
Linux Registered User #339825 at http://counter.li.org

__
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] dumb question

[Marty Martin]

This may be a dumb question, but I noticed you can give an ID (and I 
assume also CLASS) a solely numeric value.  If I start it with a alpha 
character then all is hunky dory, but I want it to be a number.  What 
gives?  Is there rationale for this?

Just looking for an explanation if anyone knows, thanks!
ie:
div#01 { width: 100%; }  == no good
--
Marty Martin
Senior Web Developer
ICONS, Inc.
Internet Development | Marketing | Support
e: [EMAIL PROTECTED]
p: 540.343.8322  |  f: 540.343.0691
w: http://icn.net
__
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] centering nested list output...

[Deep Third Man]

I am working my way through TJKDesign's excellent tutorial on its TJK
Dropdown Menu:

http://www.tjkdesign.com/articles/dropdown/3.asp
http://www.tjkdesign.com/articles/dropdown/demo.asp

My sample page:
http://www.shrikhande.us/CSSMenu/test.cfm

The relevant CSS and js files:
http://www.shrikhande.us/CSSMenu/css/basic.css
http://www.shrikhande.us/CSSMenu/css/msie.css
http://www.shrikhande.us/CSSMenu/js/js4msie.js
http://www.shrikhande.us/CSSMenu/js/turnoffmsie.js

The css and html pass the W3C validator.


I am wondering if it is possible to center the second tier of links
that popup - center them relative to the upper list.  You can see the
problem when the  item in the parent-list is off the right and the
child-list is so small it is delivered way-off to the right. You can
see what happens when one moves their cursor over Academic, Activity &
Merit Scholarships link.

Look forward to your assistance on this issue. Thanks!

-dss-
__
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] Media type specialization

[Justin Reid]

Hey all,

SETUP:
I've got a question about specializing style sheets for a given media
type (without using css2 @media). For all the sites that I create I
write out a file for the "screen" media type, named "screen.css". Once
I have all of those style in place, I will duplicate that file in it's
entirety and rename it "print.css", and and link it using the media
type "print". I would modify this file as needed. This creates a lot
of duplication and file size overhead, and harder to update if in two
places.

I was thinking that I should try a new approach. Write out the first
file and name it "basic.css" and have the media type set to "all".
Then, link a new file named "print.css" with media type set to
"print". This file would use cascading so that it only modified the
styles that needed to be modified for the print version, and the reset
would be taken from the "basic.css" file.


QUESTION:
Are there any draw backs to this approach? Any browsers that this
would not be supported in? Any better methods to employ?
Suggestions/best practices that might help?


THANKS AND PRAISE
to anyone that can help me out.

-Justin
__
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] dumb question

[Justin Patrin]

On 5/13/05, Marty Martin <[EMAIL PROTECTED]> wrote:
> This may be a dumb question, but I noticed you can give an ID (and I
> assume also CLASS) a solely numeric value.  If I start it with a alpha
> character then all is hunky dory, but I want it to be a number.  What
> gives?  Is there rationale for this?
> 
> Just looking for an explanation if anyone knows, thanks!
> 
> ie:
> 
> div#01 { width: 100%; }  == no good
> 

I doubt that will pass the XHtml or CSS validators. IMHO names (like
IDs, classes, etc) must start with an alpha.

-- 
Justin Patrin
__
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] Space below left nav

[Ian & Anna-Ruth Rutgers]

Thank you everyone for your help with my work on this page.  The problem
with the footer has been resolved.  

My remaining issue is with the space below the left navigation.  I would
love it if someone would point out how to get the grey background of the
left navigation to continue to the bottom of the page.

The page in question is http://www.otima.ca/blogs/default2.php which I
have now separated the css into two files core.css and secondary.css ...
much easier to read and modify.

Thanks in advance for your help.

Ian

__
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] Space below left nav

[Ian & Anna-Ruth Rutgers]

Thank you everyone for your help with my work on this page.  The problem
with the footer has been resolved.  

My remaining issue is with the space below the left navigation.  I would
love it if someone would point out how to get the grey background of the
left navigation to continue to the bottom of the page.  This is not an
issue in Internet Explorer, but in Firefox and Netscape.

The page in question is http://www.otima.ca/blogs/default2.php which I
have now separated the css into two files core.css and secondary.css ...
much easier to read and modify.

Thanks in advance for your help.

Ian

p.s. sorry for sending this 2x ... I had forgotten a crucial point.

__
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] dumb question

[Jon Jensen]

That's just the way it's defined. Id's in HTML are comparable to variable
names in programming languages, which generally have similar restrictions.

>From the HTML spec:

  ID and NAME tokens must begin with a letter ([A-Za-z])
  and may be followed by any number of letters, digits
  ([0-9]), hyphens ("-"), underscores ("_"), colons (":"),
  and periods (".").

  http://www.w3.org/TR/REC-html40/types.html#type-name

Jon
  


> -Original Message-
> From: Marty Martin [mailto:[EMAIL PROTECTED] 
> Sent: Friday, May 13, 2005 2:02 PM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] dumb question
> 
> This may be a dumb question, but I noticed you can give an ID 
> (and I assume also CLASS) a solely numeric value.  If I start 
> it with a alpha character then all is hunky dory, but I want 
> it to be a number.  What gives?  Is there rationale for this?
> 
> Just looking for an explanation if anyone knows, thanks!
> 
> ie:
> 
> div#01 { width: 100%; }  == no good
> 
> --
> Marty Martin
> Senior Web Developer
> ICONS, Inc.
> 
> Internet Development | Marketing | Support
> e: [EMAIL PROTECTED]
> p: 540.343.8322  |  f: 540.343.0691
> w: http://icn.net
> 
> __
> 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/

[css-d] Line-Heights

[Richard Brown]

Hi
I am trying to play with line heights on the following page:

I would like the word "Restormel" to sit on top of the word "Arts" and 
I can't seem to achieve this.

Can anybody help please?
Css at 
Thanks
Rich
__
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] CSS-filter MSIE 5/PC

[Uwe Kaiser]

Hi,
I try to use a filter in order to hide css from all of the browsers,
exept MSIE 5/PC.
Given is following HTML-markup:

  
 item 1 
 item 2 
 item 3 
 item 4 
  

#nav li {
margin: 0;
}
#nav > li {   /* MSIE 4 and 5 /PC only? */
margin-bottom: -3px;
}
MSIE 5/PC interprets it (wrongly) as: every descendant 'LI'
of an element with the ID 'Nav' or 'nav'.
This filter is tested under W2K only.
Does anybody know wether another browser
is able to interpret this too. (Mac especially!)
Thanks in advance,
Uwe Kaiser

__
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] transparent back ground patterns.. anyone?

[fokuss]

Hello,
I have been trying to find a good method to create (or a site thathas 
some tutes) tiling background images that are frequently seen on CSS 
based sites. I have a site I am working on right now and I cant seem to 
find a good source since the term "back ground image" is quite vague 
when searched.

I am looking for some thing subtle and similiar to this:
http://www.csszengarden.com/160/linklist_bg.gif
which is from this site (located right under the header "Road To 
Enlightenment":
http://www.csszengarden.com/?cssfile=/160/160.css&page=0

and also found in the right and left backgrounds on this page:
http://www.csszengarden.com/?cssfile=/151/151.css&page=1
I like these and similiar graphics that seem to work particularly well 
on CSS designed pages.

Adam
__
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] Line-Heights

[Akins, Chris]

I'm no CSS expert by any stretch, but I think what you're wanting to do is
to use margins for these two elements rather than line-height to achieve
what you want.

Set margin-bottom for the h1 and margin-top for the h2 to something explicit
and play with the values until you get the desired effect.

Chris
-- 
Christopher Akins
City of Springfield, MO
Public Information Office
www.springfieldmogov.org
417-864-1118

The box said "Windows 98 or better.  So I bought a Mac!"



On 5/13/05 4:15 PM, "Richard Brown" <[EMAIL PROTECTED]> wrote:

> Hi
> 
> I am trying to play with line heights on the following page:
> 
> 
> 
> I would like the word "Restormel" to sit on top of the word "Arts" and
> I can't seem to achieve this.
> 
> Can anybody help please?
> 
> Css at 
> 
> Thanks
> 
> Rich
> 
> __
> 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] CSS-filter MSIE 5/PC

[Jeroen van der Goorbergh]

hey,
" p\roperty: value; " filter not approprate for your IE5 problem?
http://www.dithered.com/css_filters/css_only/simplified_box_model.html
~jeroen
On May 13, 2005, at 11:26 PM, Uwe Kaiser wrote:
Hi,
I try to use a filter in order to hide css from all of the browsers,
exept MSIE 5/PC.
Given is following HTML-markup:

  
 item 1 
 item 2 
 item 3 
 item 4 
  

#nav li {
margin: 0;
}
#nav > li {   /* MSIE 4 and 5 /PC only? */
margin-bottom: -3px;
}
MSIE 5/PC interprets it (wrongly) as: every descendant 'LI'
of an element with the ID 'Nav' or 'nav'.
This filter is tested under W2K only.
Does anybody know wether another browser
is able to interpret this too. (Mac especially!)
Thanks in advance,
Uwe Kaiser

__
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] Line-Heights

[David Laakso]

On Fri, 13 May 2005 17:15:14 -0400, Richard Brown <[EMAIL PROTECTED]> wrote:
I am trying to play with line heights on the following page:

I would like the word "Restormel" to sit on top of the word "Arts" and I  
can't seem to achieve this.
css
/*delete
#header .content{padding-bottom:0;}
*/
html, body { background-image: url(images/subliminal_spectrum.jpg); font:  
100 100.01%/126% serif; margin: 0; padding: 0; text-align: center; }
h1 { color: #000; font-size: 0.95em; margin: 2em 0 0 20px; text-transform:  
uppercase; }
h2 { color: #000; font-size: 5em; margin: .1em 0 0 20px; text-transform:  
lowercase; }
html


Restormel
Arts



note:
Use relative font- sizing rather than pixels so IE can zoom -- this gets  
you started with % on the body  and em's on selectors(1em=16px).
The number of comments does not match the number closed elsewhere on your  
style sheet.
Also use and style p {..} rather than using a class with breaks on  
your text.
Thanks
Rich
Regards,
David Laakso--
http://www.dlaakso.com/
__
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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles

[Justin Patrin]

On 5/13/05, Ingo Chao <[EMAIL PROTECTED]> wrote:
> 
> Hi Justin
> 
> > FYI, I've posted this bug to quirksmode.org but it hasn't shown up
> > yet. Hopefully it will soon.
> 
> Nice catch!
> 
> > This rendering bug in Internet Explorer 6.0 causes text in a div with
> > a background color followed by a div which floats to the left and
> > another which is clear on the left to be invisible. All styling on the text 
> > is also
> > invisible (such as background colors and text colors).
> > http://pear.reversefold.com/badIE/
> 
> I hope you allow a discussion on your test findings (as you write
> "FYI"). I post this offlist, though. If you want to discuss it on-list,
> feel free to cite.

Of course, I meant this as an announcement of the finding. CCing to the list.

> 
> regards, Ingo
> 
> #
> 
> A semi-transparent bg-image like
> http://www.satzansatz.de/cssd/tmp/justin.html
> 
> (IE6 XPSP2 1280*1024, cleared cache, reducing the width by dragging the
> window+reload)
> 
> reveals: The text is invisible because the div is stacked /under/ its
> parent background layer.
> 

Ah, I wouldn't have thought of that.

> (And when the container is positioned relative, then the _float_ is
> "disappearing":
> http://www.satzansatz.de/cssd/rpfloat.html)
> 

This is also interesting, but there's a difference. If you highlight
the "hidden" text in my bug the text and all styling appears. (Or if
you scroll the window off of the hidden text and back on it). The
hidden float bug *doesn't* show up when you highlight the text.

> The trigger of this and similar bugs is a float that expands (changes
> its 'intrinsic' dimensions) a container without "layout".
> 
> Or, to put it simple, trying to contain a float can be buggy when the
> container has no dimension.
> 
> (These bugs can be filed under "dimensional bugs" in order to summarize
> them in one branch with one fix.)
> 
> Normally, a non-layouted parent won't contain the float. With this
> clearer, the height of the parent is determined by the height of the
> content /and/ the float. I guess IE6's problem is that this makes the
> un-layouted parent dependent on its layouted (floating) child.
> 
> -> A element having layout can change the layering of dependent elements.
> 
> -> The bug is fixed by giving layout to the parent, i.e. via the Holly hack.

Ah, it makes more sense now. The Holly Hack probably does work, but I
stumbled across this page:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
which says that the zoom property also gives a box layout. So I tried
zoom: 100% in my div and lo and behold, it works. Much better than the
table hack I was using. I've added this workaround to my page:
http://pear.reversefold.com/badIE/workaroundZoom.html

> 
>  > "To keep the styling and still have the text show up, wrap it in a table"
> -> According to MSDN, some elements (body, img, input, table, td (?),
> control, iframe, marquee, hr) have layout by default.
> 
>  >"Removing any one of the three divs causes the text to appear
> Remove the outer div"
> -> Then the parent of the float is body, that's equal to putting it in a
> table.
> 
>  >"Remove the floating div".
> -> That's the trigger.
> 
>  > "Remove the clear div"
> Without this clearer, the height of the container will not be determined
> by the float.
> 
>  > "Removing any of the three styles causes the text to appear
> Remove the background color."
> -> The background layer /hides/ its childs.
> 
> Again, interesting catch!
> 

Thanks for the help and the commentary. You've obviously much more
experience in IE rendering bugs than I do. :-)

-- 
Justin Patrin
__
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] Two inline lists - one left, one right

[Roman Rudenko]

On Fri, 13 May 2005 04:57:59 -0700, Rob Freundlich <[EMAIL PROTECTED]>  
wrote:

As far as I can tell, the float method will degrade in the above  
violation
to stacking the items vertically, and the pos:relative method will caue
visual overlapping.  Either one will tell my user that they need to make  
the
window wider, so I can live with either one.

So, given all of that, is there any reason to choose one technique over  
the
other?
Well, you just outlined the reason to go with floats. They work the same  
as relative positioned elements, but floats break in a nicer way.

Roman.
__
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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles

[Ingo Chao]

Justin Patrin schrieb:
...
The Holly Hack probably does work, but I
stumbled across this page:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
which says that the zoom property also gives a box layout. So I tried
zoom: 100% in my div and lo and behold, it works.
Yes, but zoom is proprietary to MS and will not validate (I use zoom:1 
for debugging).
The problem with this MSDN page is that it don't explain what "layout" /is/

The mechanism of the Holly Hack is the same as zoom:1; but validates:
/* hide from IEMac \*/
* hmtl .hack {height:1%;}
/* end hide */
The intention of the Holly Bergevin's hack was not to add a height
of 1%, but to add a dimension to the element, as any dimensioned element
gains the "layout"-quality.
regards, Ingo
__
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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles

[Justin Patrin]

On 5/13/05, Ingo Chao <[EMAIL PROTECTED]> wrote:
> Justin Patrin schrieb:
> ...
> > The Holly Hack probably does work, but I
> > stumbled across this page:
> > http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
> > which says that the zoom property also gives a box layout. So I tried
> > zoom: 100% in my div and lo and behold, it works.
> 
> Yes, but zoom is proprietary to MS and will not validate (I use zoom:1
> for debugging).
> The problem with this MSDN page is that it don't explain what "layout" /is/
> 
> The mechanism of the Holly Hack is the same as zoom:1; but validates:
> 
> /* hide from IEMac \*/
> * hmtl .hack {height:1%;}
> /* end hide */
> 
> The intention of the Holly Bergevin's hack was not to add a height
> of 1%, but to add a dimension to the element, as any dimensioned element
> gains the "layout"-quality.
> 

Good point. Does that work in FireFox, Opera, and Safari as well?

I honestly don't care too much about validation as the rest of the
page is very much not XHtml. Just this part that I'm rewriting. As
long as the zoom property works to fix the problem and doesn't screw
up the other browsers I'm fine.

And about the above hackif that only shows up for IE then you
could still use zoom. Hmmm, well I suppose not. If the compliant
browsers still read the CSS (and it looks like they do) then it still
wouldn't validate

Hmmm, oh well. Either way, we have a workaround. :-)

-- 
Justin Patrin
__
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] something weird in Linux

[Roman Rudenko]

On Fri, 13 May 2005 08:42:29 -0700, Ingo Chao <[EMAIL PROTECTED]> wrote:
Barbara Dozetos schrieb:
http://www.pcc.com/
 For some reason, the leftnav box appears too high on the page in  
Mozilla and FF on the initial load. A refresh of the page puts it where  
it belongs.

I can reproduce something similar with an old Moz1.6/Win/cleared cache  
too. Here, the a.p. positioned navbar jumps down while the images are  
loading (no reload is necessary to fix the position).

I cannot reproduce it in Moz1.6 with a local copy of your page, so I  
think it's time/connection-critical. No problems with a Mar nightly.
I have managed to reproduce it with FF 1.0.4. The problem is with how  
Gecko treats auto sides in position: absolute;
Consider the following sequence of events:

HTML and CSS are loaded. No images arrived yet, so header height is ALT  
text plus extra, not image plus extra
Gecko determines the Y coordinate where box should be
Images are loaded. Now, the header is quite a lot bigger
Gecko does NOT recompute the coordinate. We get an overlap

Reoccurence depends on user connection, browser settings and network  
gremlins.

Possible solutions:
Giving height to images that are above the sidebar, or the header.
Giving position: relative to wrapper, and top: something real to  
misbehaving leftnav. This will make absolute positioning attach leftnav to  
wrapper instead of page, and as wrapper goes down due to reflows, so would  
leftnav.
Switching to floats for columns (have you seen the ugly overlap of sidebar  
and footer when images are off?)

Roman.
__
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] Media type specialization

[Roman Rudenko]

On Fri, 13 May 2005 13:14:26 -0700, Justin Reid  
<[EMAIL PROTECTED]> wrote:

Hey all,
SETUP:
I've got a question about specializing style sheets for a given media
type (without using css2 @media). For all the sites that I create I
write out a file for the "screen" media type, named "screen.css".
Unrelated note: Opera switches to projection media type in fullscreen mode.
Make sure that screen.css is given both screen and projection media types.
Roman.
__
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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles

[Ingo Chao]

Justin Patrin schrieb:
Does that work in FireFox, Opera, and Safari as well?
Yes. Only IE knows of something 'above' the html element.
For the Holly hack, have a read here:
http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0
There might come the day when IE7-8 interpret height:1% without 
expanding the container by childs. As this hack was used to bugfix 
countless pages ... uh.

Either way, we have a workaround. :-) 
:)
Ingo

__
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] IE6 in standards compliant mode + iframes = extra 2 pixel 'padding'

[Adrian Yee]

Hi,

I've been updating my wysiwyg editor to use standards compliant html. 
One of the things I've run into is that IE6 in standards compliant mode
is adding a 2 pixel 'padding' on the right and bottom between the CSS
border of the iframe and the contents of the iframe.  However, the extra
space dissappears when IE6 is in quirks mode.  Also every other browser
renders it correctly.  I've got a sample of the problem here:

http://devrandom.com/test/iframes/editor.html

Essentially, it's a page with a 300x300 (plus 1px border) iframe and in
that another iframe (doesn't make much sense as is, but it's because
everything else is stripped out).  It hasn't been stripped down as much
as it could, but it doesn't seem to make a difference.  I'm starting to
think there's nothing I can do about it since the space is between the
CSS border and the iframe contents itself (if you turn on the
frameborder, then it's between that).  Has anyone seen anything like
this problem before?  Thanks.

Adrian
__
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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles

[Philippe Wittenbergh]

On 14 May 2005, at 10:05 am, Ingo Chao wrote:
There might come the day when IE7-8 interpret height:1% without 
expanding the container by childs. As this hack was used to bugfix 
countless pages ... uh.
Conditional comments are your friend in all those cases, especially for 
those potentially quite destructive rules.

[css-d] auto width td's

[Scott Haneda]

I have tabular data:


foo
foo



The tr... /tr parts repeat a few times, but anyway, I want them to just snug
up against the type in them, which I can not seem to make happen, whereas a
normal html table will see to do this just fine.

-- 
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
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] hover makes previous list mysteriously dissapear in IE 6.0

[ephi]

I'm using the "Pure CSS PopUp" technique, and end up with strange things 
happens when I hover over
the menu, the upper menu dissapears.

(see here: http://ephi.f2o.org/sementara/white.html)

In order to understand what was happening, I changed the background color to 
black. And voila,
there's an extra top spaces (perhaps padding) that I don't know how it got 
there.

(see here: http://ephi.f2o.org/sementara/white.html)

Firefox 1.0.4 is fine with this, but my audience will largely based with IE. I 
saw this problem in
IE 6.0.2800

Can any of you help me? Just some explanations or pointing me where I'm wrong 
will do.

Thanks,
ephi :)



Yahoo! Mail
Stay connected, organized, and protected. Take the tour:
http://tour.mail.yahoo.com/mailtour.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/