Probleme balise <section>

Question

insomniaque

29 Jun 2013 à 14:51

Bonjour,

J'ai un soucis pour rentrer une partie de mon code dans <section></section>

A savoir : de <div id=text1> au </div> de <div id=text18>.

Je vous mets l'ensemble du code ci-dessous :


<html>


<head>
	<title>Insomni4ke</title>
	<script src="1.js"></script>
	<link rel="stylesheet" href="style.css" type="text/css" />
</head>


<body onload=document.F0.D0.value=delay;show();>


	<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
		<param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf" />
		<param name="flashvars" value="mp3=cat.mp3&amp;autostart=1&amp;autoreplay=1&amp;showtime=1" />
	</object>


	<FORM name=F0>
		<div id=layer1 style="z-index: 1; left: 11px; visibility: hidden; width: 37px; position: absolute; top: 13px; height: 1px">
			<INPUT size=1 name=D0>
		</div>
	</FORM>

  <section>


<div id=text1>
<pre>

[#red]Mon code ASCII[/#]

</pre>
</div>


<div id=text18>
<pre> 

[#red]Mon code ASCII[/#]

</pre>
</div>
</section>
<footer>
</footer>



</body>
</html>


body
	{
		background-color:#000000;
		border: 1px solid red;
	}

object
	{
		margin-left: 35%;  	

		border: 1px solid red;	
	}

section
	{
		font-size: 8px; 
		color: #79C92B; 
		font-family: "Courier New", courier, mono;
		border: 1px solid red;
		
	}

footer
	{
		border: 1px solid red;
		color: green;
	}



function clickhandler() {

if (document.mainform.fontsize_select.options[0].selected) {

}

if (document.mainform.fontsize_select.options[1].selected) {
    document.getElementsByTagName("style")[0].disabled = false;
    document.getElementsByTagName("style")[1].disabled = true;
    document.getElementsByTagName("style")[2].disabled = true;
    document.getElementsByTagName("style")[3].disabled = true;
    document.getElementsByTagName("style")[4].disabled = true;
    document.getElementsByTagName("style")[5].disabled = true;
    document.getElementsByTagName("style")[6].disabled = true;
    document.getElementsByTagName("style")[7].disabled = true;
    document.getElementsByTagName("style")[8].disabled = true;
    document.getElementsByTagName("style")[9].disabled = true;
    document.getElementsByTagName("style")[10].disabled = true;
    document.getElementsByTagName("style")[11].disabled = true;
    document.getElementsByTagName("style")[12].disabled = true;



   document.mainform.fontsize_select.selectedIndex=0;
}
}

    var max_pics=18; // Nombre total d'images
    var delay=80;    // Vitesse du chat (objet)
    var top=80;     // window position top
    var left=10;    // Position Left
    var width=300;   // window width
    var height=187;  // window height
    var posi=0;      // actual picture position (frame counter)
    var prev=1;      // previous picture number
    var run=true;    // boolean : true 


with(navigator) {
    Browser=appName;
    Version=parseInt(appVersion.charAt(0));
} //document.write(Browser+" "+Version+" : ");




/***** initialize style sheets ****/
document.write("<"+"style type='text/css'><"+"!-- ");
for (i=0;i<=max_pics;i++) document.write("#text"+i+" {position:absolute; left:"+left+"px; top:"+top+"px; width:"+width+"px; height:"+height+"px; z-index:"+i+"; visibility:hidden}");
document.write("--"+"><"+"/style>");



/******* browser config ******/

if (document.layers) {
    var doc = 'document.';
    var vis = '.visibility';
    var bsr = "Ns4";
    }

else

if (document.all) {
    var doc = 'document.all.';
    var vis = '.style.visibility';
    var bsr = "Ie4";
    }

else

if (document.getElementById) {
    var doc = 'document.getElementById(\"';
    var vis = '\").style.visibility';
    var bsr = "Ns6";
    }


/******* animation module ******/

function show() {
    posi=posi+1;

if (posi>max_pics) posi=1;
    eval(doc + 'text' + prev + vis + ' = "hidden"');
    eval(doc + 'text' + posi + vis + ' = "visible"');
    prev=posi;

if (run) setTimeout("show()",delay);
    }

function show() {
    posi=posi+1;

if (posi>max_pics) posi=1;
    eval(doc + 'text' + prev + vis + ' = "hidden"');
    eval(doc + 'text' + posi + vis + ' = "visible"');
    prev=posi;

if (run) setTimeout("show()",delay);
}


function stat() {
    run=!run;

if (run) {document.F0.B0.value=" Pause "; show();}

else document.F0.B0.value=" Play  ";
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

if (init==true) with (navigator){if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

Merci par avance de votre aide.

Cordialement #InsOmniaque.
Modifié par insomniaque (29 Jun 2013 - 14:54)

Sujet clos

CSS et mise en forme, CSS3

Probleme balise <section>