[Cialug] OT: Issues with CSS
cialug@cialug.org
cialug@cialug.org
Sat, 05 Mar 2005 01:25:44 +0000
Ok, I guess I should've kept working on it a little longer. Your code is
incorrect. You need to have quotes around "text/css". Here's the new code that
I got to work:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test</title>
<link rel=stylesheet href=admin.css type="text/css" media=all>
<link rel=stylesheet href=admin-print.css type="text/css" media=print>
<body>
<div class=menubox id=nav_domains>content</div>
<div class=menubox>content</div>
</body>
</html>
On the CRT, both content boxes showed up. When I printed it, neither showed up.
Is that what you were looking for?
--
Tim W.
> Do you have the Firefox Web Developer extension? It's nice. I copied your code
> and tried to validate it and it failed. I looked at the W3C doc, and found this
> as an example:
> <LINK rel="stylesheet" media="aural" href="corporate-aural.css" type="text/css">
> <LINK rel="stylesheet" media="screen" href="corporate-screen.css"
> type="text/css">
> <LINK rel="stylesheet" media="print" href="corporate-print.css" type="text/css">
> <LINK rel="stylesheet" href="techreport.css" type="text/css">
> <STYLE media="screen, print" type="text/css">
> p.special { color: rgb(230, 100, 180) }
> </STYLE>
>
> I'm still learning this stuff, but it looks like they're saying to define a
> style with media types you want. Check out this link:
>
> http://www.w3.org/TR/html401/present/styles.html#h-14.4.1
>
> --
> Tim W.
>
>
> > But firefox has the same action as IE...
> >
> > -----Original Message-----
> > From: cialug-admin@cialug.org [mailto:cialug-admin@cialug.org]On Behalf
> > Of Dave J. Hala Jr.
> > Sent: Friday, March 04, 2005 6:58 PM
> > To: Cialug
> > Subject: Re: [Cialug] OT: Issues with CSS
> >
> >
> > IE5 and IE6 sometimes does some funky stuff with CSS, that Mozilla and
> > Firefox handle properly...
> >
> >
> > On Fri, 2005-03-04 at 18:50, jcbailey@code0.net wrote:
> > > I don't THINK so.... I've only tested it with IE5/IE6/FF 1.0.1...
> > >
> > >
> > > Jon
> > >
> > > > John:
> > > > Using Mozilla Firefox 1.0 on Linux, and Konqueror 3.3.2 on Linux, I
> > > > see both DIVs disappear. To test, I also added a DIV without a class,
> > > > just to make sure. Could it be a browser rendering issue?
> > > >
> > > > On Fri, 4 Mar 2005 17:16:41 -0600 (CST), jcbailey@code0.net
> > > > <jcbailey@code0.net> wrote:
> > > >> Yes, this is a repost for anyone that is also on the CIAPUG list....
> > > >>
> > > >> ---snip---
> > > >>
> > > >> First, here is the HTML - next, the issue... (well, at least the
> > > >> relavent
> > > >> stuff).
> > > >>
> > > >> page.htm:
> > > >> <link rel=stylesheet type=text/css href=admin.css media=all>
> > > >> <link rel=stylesheet type=text/css href=admin-print.css media=print>
> > > >> <div class=menubox id=nav_domains>content</div>
> > > >> <div class=menubox>content</div>
> > > >>
> > > >> admin.css:
> > > >> .menubox {
> > > >> padding: 2px;
> > > >> width: 194px;
> > > >> margin-top: 10px;
> > > >> margin-bottom: 10px;
> > > >> border: 1px solid #b1b1b1;
> > > >> background: #fff;
> > > >> font-family: Sans-Serif;
> > > >> font-size: 10pt;
> > > >> }
> > > >>
> > > >> admin-print.css:
> > > >> .menubox { display: none; }
> > > >>
> > > >> The issue is that when I switch to the print format, any DIVs with an ID
> > > >> tag set don't disappear. The ones with no ID tag set disappear like they
> > > >> should. Any ideas?
> > > >>
> > > >> Jon
> > > >>
> > > >> _______________________________________________
> > > >> Cialug mailing list
> > > >> Cialug@cialug.org
> > > >> http://cialug.org/mailman/listinfo/cialug
> > > >>
> > > >
> > > >
> > > > --
> > > > Mark Hesseltine
> > > > mailto:markhesseltine@gmail.com
> > > > _______________________________________________
> > > > Cialug mailing list
> > > > Cialug@cialug.org
> > > > http://cialug.org/mailman/listinfo/cialug
> > > >
> > >
> > >
> > > _______________________________________________
> > > Cialug mailing list
> > > Cialug@cialug.org
> > > http://cialug.org/mailman/listinfo/cialug
> > --
> >
> > Open Source Information Systems (OSIS)
> > Dave J. Hala Jr. <dave@osis.us>
> > 641.485.1606
> >
> > _______________________________________________
> > Cialug mailing list
> > Cialug@cialug.org
> > http://cialug.org/mailman/listinfo/cialug
> > _______________________________________________
> > Cialug mailing list
> > Cialug@cialug.org
> > http://cialug.org/mailman/listinfo/cialug
> _______________________________________________
> Cialug mailing list
> Cialug@cialug.org
> http://cialug.org/mailman/listinfo/cialug