aeon a écrit :
Coucou !

Tout d'abord chapeau c'est vraiment pas mal
Quelques remarques (subjectives bien sur)
- Le menu top je l'aurais mis sur une ligne et plus petit, un peu comme dans ton footer.
-Les titres (les élèves 2011/12, tarifs...) sont quasi illible.
- J'aurais fais continué le site en top et bottom (car actuellement je trouve que le cadre blanc referme trop le site, on se sent un peu opressé, d'autant plus que la dominante est noire)

Voila pour le code j'ai pas regardé (ha oui aussi un petit décalage dans l'ouverture des diaporamas)
En tout cas fonctionne sur safari 5 bonne continuation

a écrit :
Tu veux dire que je n'aurais pas du faire un margin-top et le coincé dans une boite?

a écrit :
Tu peux garder ton margin pour donner de l'espace mais je pensais a quelque chose comme sa :
http://www.florianbranchet.com/left/images/web/opera.jpg
les cotés du site se prolongent jusqu'en haut et de même pour le bas, je ne suis pas certain d'etre tres clair ^^

laurent_ltz a écrit :
- Utilisation des balise 'include' en PHP c'est fait depuis hier soir C'est bien pratique, mais quand on affiche le code source de la page la sémantique est un peu moins belle maintenant.

BlueScreenJunky a écrit :

En principe ça ne change rien à la sémantique de ton site (ou alors tu as raté un truc quelque part ). Ca abime un peu l'indentation du code source mais ça n'a strictement aucune importance : Une page html n'a (sauf cas particuliers) pas vocation à être lue par des humains, donc à part pour t'aider à débugger, l'indentation a surtout pour conséquence d'alourdir la page avec des caractères d'espacement inutiles.

Si tu veux vraiment chipoter sur la sémantique, l'utilisation de "<li>|</li>" dans ta barre de navigation me parait infiniment plus problématique : Sémantiquement parlant tu place tes "|" sur un pied d'égalité avec les liens "accueil" ou "profs"...
Ce n'est pas bien grave non plus, mais c'est pour te donner une idée de la distinction entre sémantique et présentation du code.


PS : Ah et j'oubliais, j'aime bien le design

#sujet, #nom , #email, #message {
	width: 250px;
	float: right;	
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	background-color: #d5b5c5;
	color: #000;
	border: 1px #FFF solid;
}

	          <style>
		  .NOK {border:1px solid red;}
		  .OK {border:1px solid white;}
		</style>

	<script>
		function clique() {
			var elem_champ = document.forms["formulaire"].elements["mail"];
			elem_champ.value = elem_champ.value;
			var valeur = elem_champ.value; 
			var modele = /^[a-z0-9\-_\.]+@[a-z0-9]+\.[a-z]{2,5}$/i;
			if (!modele.test(valeur)) {
				alert("Adresse email invalide ou incomplète")
						document.getElementById('email').className = "NOK";
			}else {
						document.getElementById('email').className = "OK";
				}
		}
	</script>

						<form action="envoi.php" method="post" enctype="application/x-www-form-urlencoded" name="formulaire">
							<p>
								<label for="nom">Nom &amp; prénom :</label>
								<input type="text" name="nom" id="nom"/>
							</p>
							<p>
								<label for="email">Adresse email :</label>
								<input type="text" name="mail" id="email"/ style="border:1px solid #FFF">
							</p>
							<p>
								<label for="sujet">Sujet :</label>
								<input type="text" name="objet" id="sujet" onclick="clique()"/>
							</p>
							<p>
								<label for="message">Message :</label>
								<textarea id="message" name="message" rows="5" cols="5" onclick="clique()"></textarea>
							</p>
							<p class="rightForm">
								 <input type="reset" name="Submit" value="Réinitialiser le formulaire"/>
								<input type="submit" name="Submit" value="Envoyer"/>
							</p>
						</form>

<input type="text" name="mail" id="email"/ style="border:1px solid #FFF">

.NOK {
    border: 1px solid red !important;
}

BlueScreenJunky a écrit :

edit : J'avais pas fait attention que le border blanc est aussi défini pour l'id #email (qui a aussi la priprité sur la classe .NOK) Pour parer ça tu peux ajouter !important dans ta classe .NOK :

.NOK {
    border: 1px solid red !important;
}