SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot
    Join Date
    Oct 2002
    Location
    Madison, WI
    Posts
    198
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    XHTML 1.0 site can't see style sheet or favicon.ico

    Hi,

    I have a web site that looks fine on the test server:

    http://test.wisconsinsbdc.org/oc/

    But when viewed on the public server:

    https://secure.uwex.edu/sbdc/oc/

    The style sheet is not found, and the favicon is not displayed. This problem occurs in Netscape 7 and Mozilla 1.3. No problems in IE.

    The problem goes away when I remove the DTD:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    or put the styles directly in the document.

    Could this have anything to do with the fact that the public server uses https?

    Please advise, Thanks.
    :::::::::::::::::::::::::::::::::::::::::::::::::::
    Versa Studio
    ExpressionEngine experts
    bas (at) versa studio dot com

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Can you post the rest of your code, like the stylesheet and your code to implement the favicon? By the way your site looks fine on IE5.1.6/OS9.2 .

  3. #3
    killall -9 lusers
    Join Date
    Oct 2002
    Location
    Cincinnati, Ohio, USA
    Posts
    390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, that maintenance header is the first text in the file (otside any XHTML, so that's one problem.) I'll assume for a moment that you're not totally clueless and that that wasn't there when youposted this question. :-)

    Aside from that, no problems jumped out at me. Did you run it through the validator at http://w3.org (both HTML and CSS) to make sure there were no problems?

    You might also try specifying an absolute path for the stylesheet just to see what difference that might make (it shouldn't but what the heck.)

  4. #4
    SitePoint Zealot
    Join Date
    Oct 2002
    Location
    Madison, WI
    Posts
    198
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Here's my code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <title>SBDC Online Counselor 1.0</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate, max_age=0" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="Thu, 1 Jan 1970 01:00:00 GMT" />
    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
    <link rel="shortcut icon" href="graphics/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="style.css" />

    </head>



    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" OnLoad="window.document.LoginForm.FirstName.focus();">

    <form name="LoginForm" action="login_action.cfm" method="post">
    <div style="width:100%;background:#CC0404;border-bottom:1px solid black;">
    <img src="graphics/top_bar.gif" width="580" height="100" alt="SBDC Online Counselor 1.0" longdesc="Wisconsin Small Business Development Center present the Online Counselor 1.0, a service to SBDC Counselors and staff that assists them in finding and forwarding documents to SBDC clients via the Internet" /></div>

    <div class="headerDIV">
    <div style="width:99%">
    <div class="loginStuff">
    <span class="LoginText"><label for="FirstName">First Name</label></span>

    </div>
    <div class="loginStuff">
    <input type="text" name="FirstName" id="FirstName" title="First Name" class="Regular" size="17" />
    </div>
    <div class="loginStuff">
    <span class="LoginText"><label for="LastName">Last Name</label></span>
    </div>
    <div class="loginStuff">

    <input type="text" name="LastName" id="LastName" title="Last Name" class="Regular" size="20" />
    </div>
    <div class="loginStuff">
    <span class="LoginText"><label for="Password">Password</label></span>
    </div>
    <div class="loginStuff">
    <input type="password" name="Password" id="Password" title="Password" class="Regular" size="15" />
    </div>

    <div class="loginStuff">
    <input type="submit" value="GO" name="Go" title="Go" class="Regular" />
    </div>
    </div>
    </div>
    </form>
    <br />
    <div class="mainBox">
    <div class="mainBoxHdr">
    <h3>Welcome</h3>

    </div>

    <div class="insideBox">
    <p>SBDC Online Counselor, version 1.0.</p>
    <p>Please login above.</p>
    <p><strong>You must use INTERNET EXPLORER 5+, NETSCAPE 6+, or MOZILLA 1.2+ to access this application.</strong></p>

    <p>Bugs, problems, questions, complaints, complements to Ben Seigel: <a href="mailto:ben.seigel@uwex.edu">ben.seigel@uwex.edu</a>, or call 608-265-3350.</p>
    </div>
    </div>

    </body>

    </html>


    and the style sheet:

    /* ONLINE COUNSELOR */

    body { background:white; margin:0px 0px 0px 0px; }

    form { margin:0px; padding:0px; }

    a:link { font-family: "Verdana", "Arial", "Helvetica", sans-serif; color: #993333; text-decoration: underline; }
    a:visited { font-family: "Verdana", "Arial", "Helvetica", sans-serif; color: #666666; text-decoration: underline; }
    a:hover { font-family: "Verdana", "Arial", "Helvetica", sans-serif; color: #FF0033; background-color: #CCCCCC;
    text-decoration: none; }
    a:active { font-family: "Verdana", "Arial", "Helvetica", sans-serif; color: blue; text-decoration:none; }

    a.Nav { font-family:Verdana,Arial,Helvetica,sans-serif; color:red; text-decoration:none; }
    a.Nav:visited { font-family:Verdana,Arial,Helvetica,sans-serif; color:red; text-decoration:none; }
    a.Nav:hover { font-family:Verdana,Arial,Helvetica,sans-serif; color:red; text-decoration:none; background-color:yellow; }
    a.Nav:active { font-family:Verdana,Arial,Helvetica,sans-serif; color:red; text-decoration:none; background-color:yellow; }

    a.smaller { font-size:75%; }
    a.smaller:visited { font-size:75%; }
    a.smaller:hover { font-size:75% background-color: white; }
    a.smaller:active { font-size:75%; }

    a.Transprnt {font-size:75%; }
    a.Transprnt.visited { font-size:75%; }
    a.Transprnt:hover { background-color:transparent; }
    a.Transprnt.active { font-size:75%; }

    a.Courier {font-family: "Courier New",Courier,Verdana, Arial, Helvetica; text-decoration:none;color: white;
    background-color:red; }
    a.Courier:visited {font-family: "Courier New",Courier,Verdana, Arial, Helvetica; text-decoration:none;color: white;
    background-color:gray; }
    a.Courier:hover {font-family: "Courier New",Courier,Verdana, Arial, Helvetica; text-decoration:none;color: red;
    background-color:white; }
    a.Courier:active {font-family: "Courier New",Courier,Verdana, Arial, Helvetica; text-decoration:none;color: white;
    background-color:gray; }

    hr { height:1px; border:2px gray dotted; }

    p { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #000000;
    font-size:80%;
    text-indent: 0px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:10px;
    margin-right:0px; }

    /* Used when we need same qualities as a paragraph but in a SPAN */
    .likeP
    { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #000000;
    font-size:80%;
    text-indent: 0px;
    }

    /* Used when we need same qualities as a paragraph but 90% and in a SPAN */
    .likeP90 {
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #000000;
    font-size:90%;
    text-indent: 0px;
    }

    .msg {
    font-family:Verdana,Arial,Helvetica, Chocolate;
    font-weight:bold;
    font-size:80%;
    background:yellow;
    margin:15px 10px 10px 15px;
    padding:3px;
    }



    ul { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #000000;
    list-style-type: square;
    font-size:80%;
    left-margin: 0pt; }

    ul.RealSmall { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #000000;
    list-style-type: square;
    font-size: 70%;
    left-margin: 0pt; }

    ol { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #000000;
    list-style-type: decimal;
    font-size:80%;
    text-indent: 0pt;
    margin: 0pt; }

    h1 { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #CCCCCC;
    margin: 7pt;
    text-decoration: none; }
    h2 { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #663333;
    margin: 7pt;
    text-decoration: none; }
    h3 { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #663333;
    margin: 0pt;
    text-decoration: none; }
    h4 { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #663333;
    margin: 0pt;
    text-decoration: none; }
    h5 { font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: #663333;
    margin:0pt;
    text-decoration: none; }

    .header {
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    color: white;
    background-color: #000066;
    font-weight: bold;
    font-size: 9pt; }

    .topbar { background-color: #FC141C }

    .headerDIV {
    background:#B20202;
    border-top:1px dashed red;
    border-right:0px;
    border-left:0px;
    border-bottom:1px dashed red;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:5px;
    padding-left:5px;
    margin:0px;
    }

    .inHeader {
    position:relative;
    width:65%;
    border:1px solid orange;
    float:left;
    }

    .loginData {
    position:left;
    float:right;
    border:1px solid blue;
    width:33%;
    text-align:right;
    }

    .mainBox {
    margin-left:15px;
    margin-right:0px;
    margin-bottom:15px;
    margin-top:0px;
    border:1px solid black;
    width:730px;
    min-height:400px;
    }

    .printBox {
    margin-left:0px;
    margin-right:0px;
    margin-bottom:1px;
    margin-top:0px;
    border:0px;
    min-height:400px;
    }

    .mainBoxHdr {
    margin:0px;
    border-bottom:1px solid black;
    padding-left:5px;
    padding-bottom:1px;
    background-color:#F9FADF;
    }

    .insideBox {
    margin-left:5px;
    margin-top:10px;
    }

    .resultsHdr {
    font-family:Verdana,Arial,Helvetica;
    font-size:80%;
    background-color:#F8FC8D;
    }

    /* For the nav header */
    .topNav {
    margin:0px;
    border-bottom:1px dashed gray;
    padding-left:5px;
    padding-bottom:3px;
    background:#F3F3F3;
    }

    /* For the nav footer */
    .bottomNav {
    margin:0px;
    border-top:1px dashed gray;
    padding-left:5px;
    padding-bottom:3px;
    background:#F3F3F3;
    }

    /* This is for the pop-up windows */
    .smallBox {
    margin:0px 0px 0px 10px;
    border:0px;
    width:450px;
    }

    .GrayCell
    { background-color: #E3E0E0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%; }

    .WhiteCell
    { font-family: Arial, Helvetica, sans-serif;
    font-size: 75%; }

    .secondbar { background-image: url(graphics/second_bar.gif); }

    .DE
    { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:75%; }

    /*form fields and buttons*/

    .Regular {
    font-size:75%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background:#F9FADF;
    }

    .DE .Regular { font-size:100%; }

    p .Regular { font-size:100%; }

    p. RegText {
    font-size:100%;
    }



    .TblHdr { background:#F9FADF;}



    .RegButton {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:0px;
    font-size:80% }

    .RegText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:80%
    }

    .RegText .Regular { font-size:100%; }

    .WhiteText
    { font-family: "Courier New",Courier,Verdana, Arial, Helvetica;
    color: white;
    font-size:90%; }

    .SmallText
    { font-family: Verdana, Arial, Helvetica;
    color: black;
    font-size:75% }

    .RealSmallText
    { font-family: Verdana, Arial, Helvetica;
    color: black;
    font-size:70%; }

    .SmallWhiteText
    { font-family: Verdana, Arial, Helvetica;
    color: white;
    font-size:75%; }

    .LoginText
    { font-family: Verdana, Arial, Helvetica;
    font-weight: bold;
    color: white;
    font-size:80%; }

    .SearchDescrip
    { font-family: Verdana, Arial, Helvetica;
    font-weight: bold;
    color: black;
    font-size:80%; }

    .Techie
    { font-family: "Courier New", Courier, Helvetica, sans-serif;
    font-size:80%; }

    .RedBack
    { background-color: #CCCCCC; }

    .RowHighlight
    { background-color: #F5FAA4; }

    .RowHighlight2
    { background-color: #E6E6FA; }

    .LightGray
    { background-color: #F0EEEE; }

    .DarkGray
    { background-color: #CCCCCC; }
    .TwoGray
    { background-color: #E3E1E1; }

    .userMainDiv {
    margin-left:15px;
    margin-right:0px;
    margin-bottom:10px;
    margin-top:10px;
    border:0px;
    width:730px;
    min-height:400px;
    }

    #sessionStuff {
    background-colorrange;
    position:absolute;
    top:10px;
    left:10px;
    border:1px solid gray;
    visibility:hidden;
    }

    .printerIcon { position:absolute; top:10px; right:10px; }

    .loginStuff { display:inline; margin-right:8px;}



    /*don't show header bar or nav bars if printing */
    @media print{
    DIV.headerDIV { display:none; }
    DIV.topNav { display:none; }
    DIV.bottomNav { display:none; }
    DIV.printerIcon { display:none; }
    }
    :::::::::::::::::::::::::::::::::::::::::::::::::::
    Versa Studio
    ExpressionEngine experts
    bas (at) versa studio dot com

  5. #5
    SitePoint Zealot
    Join Date
    Oct 2002
    Location
    Madison, WI
    Posts
    198
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    fixed

    Well, there must have been a tiny error in my stylesheet somewhere.

    XHTML 1.0 Transitional can be pretty strict in Netscape 6+/Mozilla 1+. Beware.
    :::::::::::::::::::::::::::::::::::::::::::::::::::
    Versa Studio
    ExpressionEngine experts
    bas (at) versa studio dot com

  6. #6
    SitePoint Addict naveed's Avatar
    Join Date
    Feb 2003
    Location
    Ottawa, Canada
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The CSS validator found some errors. Might be worth checking out.

    -------------------------------------
    * Line: 20 Context : a.smaller:hover

    Invalid number : font-sizeattempt to find a semi-colon before the property name. add it
    * Line: 79 Context : ul

    Property left-margin doesn't exist : 0
    * Line: 85 Context : ul.RealSmall

    Property left-margin doesn't exist : 0
    * Line: 145 Context : .loginData

    Invalid number : positionleft is not a position value : left
    * Line: 242

    Parse Error - . RegText
    * Line: 328 Context : #sessionStuff

    Parse Error - background-colorrange
    -------------------------------------


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •