使用div标签和php包括

Question

This is probably a basic question on something I didn't learn in my self-taught html. In my index.html I have a div calling a php file like so:

    <div id="portafolio" /> 
<p class="first">Portafolio</p>
<p class="second">Estos son algunos de nuestros proyectos.</p>

<?php include 'portafolio.html'; ?>

<!-end #portafolio ->
</div>

Inside the php file, there is some javascript and more div tags like so:

    <script type='text/javascript'>

$(document).ready(function(){

$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>

<div class="fadehover">
<img src="images/motmotcoffee/motmotcoffee_1BW.jpg" alt="" class="a" />
<img src="images/motmotcoffee/motmotcoffee_1.jpg" alt="" class="b" />
</div>

I expect the printed html from the php file to be included inside which has top and bottom borders defined in the CSS, but it doesn't. What am I doing wrong?

Answer 1

Change the extension of your files to .php , modify your include statement accordingly and that should work. Your server is probably not configured to process .html files as php files.

Update:

Your <div id="portafolio" /> tag is self-closing, so there won't be anything inside it... Change it to <div id="portafolio">

Answer 2

For what is may be worth, I am unable to include:

[other html markup]

in an include.php file. The content including and inside of div tags does not get rendered by any browser I test in.

This has just become a problem because I have to copy a fubar navigation array that forces me to use two divs inside of an ul to get the floated li's to arrange themselves.