External CSS is not working but Embedded Style is working ?

Discussion in 'CSS' started by vishalonne, Aug 23, 2012.

  1. #1
    :confused:
    Hi
    I am try to load a html page using jscript, I am able to load html page successfully by a click on link, but problem is loaded page is not using style sheet.
    Code jscript-
    $(function(){
        $('#ul1 li a').on('click', function(e){
            e.preventDefault();
            var page_url=$(this).prop('href');
            $('#content').load(page_url);
        });
    });
    Code (markup):
    <div id="nav" class="image002-03">
    		<span id="smalltext" 
                style="bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; font-family: Calibri; font-size: large; text-align: center;">Service Menu</span>
    		<ul id="ul1" class="serviceul">
    		    <li class="serviceli"><a href="testpage1.htm">Question Papers (unsolved)</a></li>
                <li class="serviceli"><a href="#">Question Papers (solved)</a></li>
                <li class="serviceli"><a href="#">Sample Papers</a></li>
                <li class="serviceli"><a href="testpage2.htm">Notes</a></li>
                <li class="serviceli"><a href="#">Solved Assignments</a></li>
                <li class="serviceli"><a href="#">Projects</a></li>
                <li class="serviceli"><a href="#">Presentations</a></li>
                <li class="serviceli"><a href="#">Uploads</a></li>
                <li class="serviceli"><a href="#">Forum</a></li>
            </ul>
    </div>
    HTML:
    Above code load a testpage1.htm my testpage.htm code is
    <head>
        <title>cbse cs n ip</title>
        <link href="css/innerPage.css" rel="stylesheet" type="text/css" />
        
    </head>
    <body>
    <div id="mainbody">
        <div id="bodytext">
            Question Papers (unsolved)
            </div>
            </div>
    </body>
    
    HTML:
    and innerPage.css contain following style -

    #mainbody
    {
    background-color: #FF3300;
    height: 434px;
    margin-top: 137px;
    }
    #bodytext
    {
    font-size: large;
    font-weight: bold;
    width: 214px;
    color: #CC0099;
    }
    Above css is not working. Totally confused
     
    vishalonne, Aug 23, 2012 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    1) don't make multiple threads for the same problem.

    2) see the answer on your other thread -- where pretty much I think that you're failing to grasp what the 'load' method does, AND you're throwing javascript at something simple just to make it inaccessible, intentionally broken, and on the whole wasting code on a non-problem.

    Everything I've come to expect from when that fat bloated idiotic BS library known as "jQuery" is thrown at a website for nothing.
     
    deathshadow, Aug 24, 2012 IP
  3. lolpasslol

    lolpasslol Peon

    Messages:
    860
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Check the link,class,id you declared.
    If inline is work then external will must.
     
    lolpasslol, Aug 25, 2012 IP