The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Dynamic CSS over Static CSS

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #35907

    I Have Created a Main Page Having 4 Dynamic Pages in PHP. My Main page has one CSS which Works Fine. One of my Dynamic Page has it’s own CSS file Which does not come into role when i click on the link. Any Suggestion Will be Helpful.
    Thanks in Advance


    This is code for my home page having navigation links

    Welcome to Police Service of India

    This is the code for the login page which comes when login button is clicked

    Welcome to Police Service of India

    // put your code here

    Username :

    Password :

    New User ? Register Here

    This is my css code for login page named as police.css

    body {
    a:hover color:#FF00FF;
    a:visited color:#FF00FF;
    margin-top: 20%;

    height: auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;

    {position: relative;
    margin:5px 5px;
    .submit input {

    width: auto;
    padding: 9px 15px;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    input, textarea {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 15px/100% Verdana, Tahoma, sans-serif;
    width: 200px;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

    textarea {
    width: 400px;
    max-width: 400px;
    height: 150px;
    line-height: 150%;

    input:hover, textarea:hover,
    input:focus, textarea:focus {
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;

    CSS Code for my Home Page

    body {

    margin: 0; padding: 0;
    font: 10px normal Arial, Helvetica, sans-serif;
    background: #ddd url(body_bg.gif) repeat-x;
    .container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    #header {
    background: url(header_b.gif) no-repeat center top;
    padding-top: 120px;
    #header .disclaimer
    color: #999;
    padding: 100px 0 7px 0;
    font-size: 14px;
    text-align: right;
    display: block;
    position: absolute;
    top: 0; right: 0;

    #header .disclaimer a
    color: #ccc;
    ul.topnav {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(topnav_b.gif) repeat;
    ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    ul.topnav li a{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
    ul.topnav li a:hover{
    background: url(topnav_h.gif) no-repeat center top;
    ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(subnav_b.gif) no-repeat center top;
    ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
    ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
    ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #444;
    clear: both;
    width: 170px;
    html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(dropdown.gif) no-repeat 10px center;
    padding-left: 20px;
    html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(dropdown.gif) no-repeat 10px center;
    #header .content{
    margin-left: auto;
    margin-right: auto;
    width: 650;
    padding: 5px;
    font-size: 14px;


    The Problem that i am facing is that when i click on the login button on the page the page appears with just text boxes and their name along with submit button but the css is not loaded.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.