Sujet Précédent Sujet Suivant

Menu défilant

crast460 Messages postés 21 Statut Membre -  
crast460 Messages postés 21 Statut Membre -
Bonjour,
Depuis peu j'ai fait un site pour mon groupe ( de musique )( https://www.000webhost.com/migrate?static=true ) et dans l'index ( code source dessous ) je voudrais faire un menu déroulant intitulé "chanson" qui se déroule sur "chansons faites" et "chansons à venir" ( le code source est dans l'index et je l'ai mit en commentaire. ).Seulement ce menu déroulant saute une ligne et passe en-dessous des autres rubriques : je voudrais l'aligner avec las autres.
Voici le code source de mon index :

<title>Hold'em</title>
<?php session_start(); ?>
<font size="1"><p style="color:white;">You made a mistake ? <!-- <a style="color:white; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"> -->Choose your language !</font><!-- </a> --><a href="https://www.000webhost.com/migrate?static=true"><img style="border: none;" src="https://www.000webhost.com/migrate?static=true" title="English"></></a>
<a href="https://www.000webhost.com/migrate?static=true"><img style="border: none;" src="https://www.000webhost.com/migrate?static=true" title="Deutsch"></></a></p>

<HEAD> <LINK REL="SHORTCUT ICON" href="https://www.000webhost.com/migrate?static=true"> </HEAD>

<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="MonChatCrozon.css" />

<center>

<BR><BR>
<!-- <form action="index.php">
<input type="submit" name="GoHome" value="Accueil"></form> -->
<!-- a style="position:relative; left:-15%;" href="index.php"
<img style="border: none; position:relative; left:-15%;" onclick="window.location='index.php'" src="https://www.000webhost.com/migrate?static=true"></></a>
<img style="border: none; position:relative; left:-14%;" onclick="window.location='members.php'" src="https://www.000webhost.com/migrate?static=true"></></a>
<img style="border: none; position:relative; left:-13%;" onclick="window.location='http://holdemmusicmakers.site90.com/Inscription/inscriptionuk.php'" src="https://www.000webhost.com/migrate?static=true"></></a> -->

</center>

<DIV style="position: relative; left: 25%; width:500px;">
<TABLE width='500'>
<TR>
<TD>
<a style="color:#8D827D; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"><b>Accueil</b></a>
</TD>
<TD>
<a style="color:#8D827D; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"><b>Membres</b></a>
</TD>

<TD>
<a style="color:#8D827D; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"><b>Inscription</b></a>
</TD>
<TD>

<?php
if( isset($_SESSION['Pseudo']) && $_SESSION['Pseudo'] != '' )
{
?>

<a style="color:#8D827D; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"><B>Déconnection</B></a>

<?
}
else
{
?>

<a style="color:#8D827D; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"><b>Connection</b></a>

<?
}
?>

</TD>
<TD>
<a style="color:#8D827D; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"><b>Livre d'or</b></a>
</TD>

<TD>
<a style="color:#8D827D; text-decoration:none;" href="contact.php"><b>Contactez-nous</b></a>
</TD>

</TR>

<!--
<SCRIPT LANGUAGE="JavaScript">
var refer=true;
function combo() {
if (refer) {
document.all.contents.style.visibility="visible";
refer=false;
}
else {
document.all.contents.style.visibility="hidden";
refer=true;
}
}
// End --><!--
</script>
</HEAD>
<tr>
<td>
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8" >
<tr>
<td bgcolor="d8d8d8"><font face="verdana" size="2"> Chansons</font></td>
<td align="right" width="21"><img src="https://www.000webhost.com/migrate?static=true" name="combo_arrow" width="21" height="21" alt="" border="0" onclick="combo()" ></td>
</tr>
</table>
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
<table width="200" border="1" cellspacing="0" cellpadding="0" bordercolor="#d8d8d8">
<tr>
<td bgcolor="d8d8d8">
<font face="verdana" size="2">
<a style="color:black; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"> <img src="https://www.000webhost.com/migrate?static=true" border="0" width="8" height="8"> Musiques à venir</a><br>
<a style="color:black; text-decoration:none;" href="https://www.000webhost.com/migrate?static=true"> <img src="https://www.000webhost.com/migrate?static=true" border="0" width="8" height="8"> Musiques faites</a><br>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
-->

</TABLE>
</DIV>

Merci

A voir également:

2 réponses

Réponse 1 / 2
FleuryK Messages postés 65 Statut Membre 4
 
<div id="contents" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">

Faut remplacer le ? par le nombre que tu veux.

Exemple left:?px, tu veux 10 donc tu mets left:10px.
0
Réponse 2 / 2
crast460 Messages postés 21 Statut Membre 1
 
Merci mais j'ai déjà essayé, mais ce n'est pas le tout qui se déplace c'est juste ce qui se déroule...
0

Discussions similaires

TV continental Edison bloqué sur le menu
Utilisateur anonyme -
jeannets -

1 réponse
menu caché
laurent -
ChariduP -

7 réponses
Mon PC marque press the esc key for startup menu
Jonas2022 -
SATS_fr -

5 réponses
Comment activer le Bluetooth sur une TV Samsung ?
zaraki490 -
Marjo -

110 réponses
Déblocage du mode hôtel Philips 20HF5234/10
Jo_3 -
TRAORE_2505 -

7 réponses