Näytä kirjoitukset
1
Ohjelmointi, palvelimet ja muu edistyneempi käyttö / Vs: Miksi firefox näyttää thml-sivun tekstinä eikä muotoiltuna
« : tänään kello 11:43 »Omassa koneessani näkyy selaimessa lähdeteksti, ja siinä on pikku pätkä php:tä lopussa, joka pitäisi oikeastaan kommentoida pois, mutta se ei ole ennenkään haitannut näkymää. Toinen sivu toisessa osoitteessa palvelimella näkyy kuitenkin muotoiltuna, eli ehkä apachea ei tarvitsisi opetella säätämään. Voisiko omassa firefoxissani olla jotain, mikä vaikuttaa asiaan?
Koodia: [Valitse]
<!--
https://www.w3schools.com/html/html_layout.asp
-->
<!DOCTYPE html>
<html lang="fi">
<head>
<title>SLAM ry</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
/* Style the header */
header {
background-color: #666;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
/* Create two columns/boxes that floats next to each other */
nav {
float: left;
width: 30%;
height: 300px; /* only for demonstration, should be removed */
background: #ccc;
padding: 20px;
}
/* Style the list inside the menu */
nav ul {
list-style-type: none;
padding: 0;
}
article {
float: left;
padding: 20px;
width: 70%;
background-color: #f1f1f1;
/* height: 300px; */ /* only for demonstration, should be removed */
}
/* Clear floats after the columns */
section:after {
content: "";
display: table;
clear: both;
}
/* Style the footer */
footer {
background-color: #777;
padding: 10px;
text-align: center;
color: white;
}
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
nav, article {
width: 100%;
height: auto;
}
}
</style>
</head>
<body>
<header>
<h4>SLAM ry </h4>
Suomen lentokoneasentajat ja mekaanikot ry
</header>
<section>
<nav>
<ul id = "my_links1"> <!-- tämän linkit korvataan -->
<li><a href="tarina01.html">Artikkeli 1</a></li>
<li><a href="tarina02.html">Artikkeli 2</a></li>
<li><a href="tarina03.html">Artikkeli 3</a></li>
<li><a href="tarina04.html">Artikkeli 4</a></li>
<li><a href="tarina05.html">Artikkeli 5</a></li>
<li><a href="tarina06.html">Artikkeli 6</a></li>
<li><a href="tarina07.html">Artikkeli 7</a></li>
<li><a href="tarina08.html">Artikkeli 8</a></li>
<li><a href="tarina09.html">Artikkeli 9</a></li>
<li><a href="tarina10.html">Artikkeli 10</a></li>
<li><a href="tarina11.html">Artikkeli 11</a></li>
<li><a href="tarina12.html">Artikkeli 12</a></li>
</ul>
</nav>
<script src="script01.js"></script> <!-- linkkien korvausscripti -->
<!-- my_links1 korvataan -->
<article>
<!--
XXXXXXXXXXXXXXXXXXXXX ÄLÄ POISTA TÄSTÄ YLÖS PÄIN YHTÄÄN MITÄÄN XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-->
<h1>
Vuosikokous
</h1>
<br/>
Slam ry:n vuosikokous on pidetty ja sääntömääräiset asiat käsitelty.
Yhdistyksen toiminta jatkuu tavalliseen tapaan. Kiitokset osallistjille!
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<!--
XXXXXXXXXXXXXXXXXXXXX ÄLÄ POISTA TÄSTÄ ALAS PÄIN YHTÄÄN MITÄÄN XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-->
</article>
</section>
<footer>
<p> Ensimmäisen tarinan loppu</p>
</footer>
<?php
$handle = fopen("mycounter.txt", "r");
if(!$handle){
echo "could not open the file" ;
}
else {
$counter = (int ) fread($handle,20);
fclose ($handle);
$counter++;
echo" <strong> tarkistusnumero ". $counter . " </strong> " ;
$handle = fopen("mycounter.txt", "w" );
fwrite($handle,$counter) ;
fclose ($handle) ;
}
?>
</body>
</html>
