Home/ Questions/Q 6064603
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T09:17:54+00:00

I have a file that thickbox loads remotely, as part of a frontend admin

  • 0

I have a file that thickbox loads remotely, as part of a frontend admin interface, but the style’s won’t load. I have a popup.css file that looks like:

body#pop {
    width:400px;
    min-height:200px;
}


div.pop {
    width:100%;
}


div.pop #hd {
    font-size:16px;
    font-weight:bold;
    color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px solid rgba(0, 159, 245, 1);
    background:rgba(0, 159, 245, .5);
}


div.pop #hd #title {
    padding-top:5px;
    margin-left:10px;
    padding-bottom:0px;
}


div.pop #bd {
    background:#fff;
    padding:5px;
    font-size:11px;
}


div.pop #ft {
    height:30px;
    border-top:1px solid rgba(0, 159, 245, 1);
}


div.pop #ft #buttons {
    float:right;
}


div.pop #ft #buttons input[type='submit'] {
    background:rgba(0, 159, 245, .5);
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:2px 5px;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid rgba(0, 159, 245, 1);
    opacity:.9;
}


div.pop #ft #buttons input[type='submit']:hover {
    opacity:1;
    cursor:pointer;
}

and a popup.php (currently just a template) that looks like:

<html>
    <head>
    <link rel="stylesheet" type="text/css" src="/resources/css/popup.css" />

    </head>
    <body id="pop">

        <div class="pop">
            <div id="hd">
                <span id="title">Modify Homepage</span>
            </div>

            <div id="bd">
                <p>
                    To modify the homepage image, go to the grid, select an image, select "admin:Edit" from the tools bar, and click, "set as homepage".
                </p>
            </div>

            <div id="ft">
                <div id="buttons">
                    <input type="submit" name="subXxx" class="submit" onclick="tb_remove()" value="Okay" />
                </div>
            </div>
        </div>

    </body>
</html>

But the css styles from the stylesheet (popup.css) aren’t being applied to the file, thickboxed or just viewing it directly in the browser, no overlay. I’m rather experienced at all this, and I’m completely lost. What’s happening, and what am I doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    write href="" instead of src="" like this 

    <link rel="stylesheet" type="text/css" href="/resources/css/popup.css" />
    • 0