Rechercher : dans
Par :

Déplacé le menu horizontal

freebox67, le 4 oct 2008 à 13:30:51 
 Signaler ce message aux modérateurs

Enfaite j'ai envie de mettre le menu un peu plus vers la droite mon xhtml c :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Mon 1er Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="CSS" href="CSS.css" />
</head>

<body>
<script type="text/javascript">

<!--
function tester_age(age_entre)
{
var test;
if(isNaN(age_entre)) /* Si age_entre n'est pas un nombre */
{
alert('Vous n\'avez pas entré un nombre !');
test = false;
}
else
{
if(age_entre == null || age_entre == '') /* Si on a cliqué sur Annuler ou si on n'a rien entré */
{
alert('Vous n\'avez pas entré un nombre !');
test = false;
}
else
{
test = true;
}
}

if(!test) /* Et on fait le test final grâce à la variable test */
{
age = prompt('Quel est votre âge ?');
tester_age(age);
}
else
{
alert('Ah, tu as donc '+age_entre+' ans !');
}
}

var age = prompt('Quel est votre âge ?');
tester_age(age);

confirm('Voulez-vous que je vous repose cette question ?');

alert('Salut tout le monde !');
if(confirm('Je vais vous dire sur quel bouton vous allez appuyer')) /* si on clique sur ok */
{
alert('Vous avez cliqué sur ok !'); /* on affiche une alerte */
}
else
{
alert('Vous avez cliqué sur annuler !');/* sinon on en affiche une autre */
}
var saisie_du_visiteur = prompt('Quelle est la couleur du cheval blanc d\'Henri IV ?','Mais qu\'est-ce que j\'en ai à faire ?');

<h1 onmouseover="javascript:document.getElementById('titre').style.color='red';" onmouseout="javascript:document.getElementById('titre').style.color='black';" id="titre">Et encore un autre titre</h1>
var nom_visiteur = prompt('Quel est votre nom ?'); /* Pour le fun on demande le nom de la personne */
var style_paragraphes = 'font-family:verdana,arial,courier;color:black;font-size:13px;'; /* Cette fois-ci, pour l'aspect esthétique, on applique un style aux paragraphes */

function rafraichir()
{
var date = new Date(); /* On crée une date. C'est très important de la créer dans la fonction, comme ça, à chaque seconde, on recrée une date, et donc le temps est mis à jour. Si vous ne la créez pas dans la fonction, alors la date ne sera pas mise à jour. */
var noms_jours = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi');
var noms_mois = new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre');
var texte = ''; /* On crée le texte qui va être affiché */
texte += 'Il est '+date.getHours()+'H'+date.getMinutes()+' et '+date.getSeconds()+' secondes.<br/>';
texte += 'Nous sommes le '+date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear()+'.<br/>';
texte += 'Vous êtes donc le '+noms_jours[date.getDay()]+' '+date.getDate()+' '+noms_mois[date.getMonth()]+' '+date.getFullYear()+'.';

document.getElementById('date').innerHTML = texte;
}

document.write('<p style="'+style_paragraphes+'">Bonjour <b>'+nom_visiteur+'</b>,</p>');
document.write('<p id="date" style="'+style_paragraphes+'"></p>');

setInterval('rafraichir()',1000); /* Toutes les 1 secondes, on réaffiche la date */
function souris(event)
{
var x = event.clientX;
var y = event.clientY;
document.getElementById('coordonnes').value = x + ', ' + y;
}





</script>

</head>
<body onmousemove="souris(event);">
<div id="info">
Coordonnées de la souris : <input type="text" id="coordonnes" value="inconnues" readonly="readonly" />
</div>

//-->
</script>
</body>


<body>
<!-- le div va te servir a contenir toute ta page au centre, puis tu met le tout dans un tableau, et le tour est joué, comme sa ta page est centrée et c encore mieux qu'avec les larges marges droites_________Sa c'est un exemple de tableau que j'utilise pour mon site ;) -->

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="900" height="575" >
<body>
<div id="en_tete">

</div>
<ul id="menu_horizontal">
<li class="bouton_gauche"><a href="accueil.php">Accueil</a></li>
<li class="bouton_gauche"><a href="news.php">News</a></li>
<li class="bouton_gauche"><a href="livreor.php">Livre d'or</a></li>
<li class="bouton_droite"><a href="admin.php">Admin</a></li>
<li class="bouton_droite"><a href="contact.php">Contact</a></li>
</ul>
<div id="corps">

<html>
<head>
</head>
<body>e
<h1 onmouseover="javascript:this.style.color='red';" onmouseout="javascript:this.style.color='black';">Bienvenue Sur mon site</h1>
</body>

</html>


<h2>inscription</h2>
<p>
Ne cliqué pas sur le sur (cliquez ici)<div id="fenetre">
<div class="barre" onmousedown="start_drag(document.getElementById('fenetre'), event);">
<button class="close" onclick="document.getElementById('fenetre').parentNode.removeChild(document.getElementById('fenetre'));"></button>
Titre
</div>uste un esser de site je sais pas encore tous sur css et xhtml mais bon <br />

</p>

<p>
L'image est plutot pas mal non? :<br />
<img src="conan_&_kaito_kid.jpg" alt="Image détéctive Conan" title="Ca fait envie hein ?" />
</p>

</div>

</body>
</table>
</div>
</body>

</html>


</table>
</div>

Meilleures réponses pour « déplacé le menu horizontal » dans :
Déplacer ou copier un dossier grâce au menu contextuel VoirDéplacer ou copier un dossier avec le bouton droit de la souris Une commande utile avec le bouton droit de la souris Pour déplacer ou bien copier un dossier ou un fichier dans un autre emplacement Création d'un fichier .reg pour la base de...
Collection CommentÇaMarche.net