28173 sujets

CSS et mise en forme, CSS3

Superpositionnement entre un formulaire et mes autres balises

j'ai un problème de superpositionnement entre un formulaire et mes autres balises dépendant d'une feuille de style.

le code de la page : 

<body>

<!-- MISE EN PLACE DU FORMULAIRE D'INSCRIPTION -->
Bienvenu dans le métaforum <br><br>
<br>
liste des forums : <br>
<ul class="liste">
<?php  

// fonction pour parser le XML et lister les forums
$rss = simplexml_load_file('listeforum.xml'); 
foreach ($rss->channel->item as $item) 
{
  echo '<li class=listeli"><a href=forum.php5?nom='.utf8_decode($item->nom).'>'.stripslashes(utf8_decode($item->description)).'<span>'. 
          'Cr&eacute;&eacute; par '.stripslashes(htmlentities(utf8_decode($item->pseudocrea))).', le '.utf8_decode($item->pubDate).
		  ' - Dernier Post de '.utf8_decode($item->lastPostPseudo).', le '.utf8_decode($item->lastPostDate).'</span></a></li>';
  }
 
?>
</ul> <br><br>

Création d'un nouveau forum :<br>
<form method="POST" action="metaforum.php5" name="monform" style="margin:auto; position:auto; float:bottom">
<table>
  <tr>
    <td>Entrer son titre/entete :</td> 
    <td><input type="text" name="newforum" value="" onBlur="this.value = this.value.toLowerCase();"></td>
  </tr>
   <tr>
    <td colspann=2>
      <input type="submit" value="Envoyer" ><input type="reset" value="effacer">
      <input type="hidden" name="mdpdejasaisi" value="1">
    </td>
  </tr>
</form>
</body>


et le code de la feuille de style css : 

/* menu du metaforum */
.liste {
font: 12px Verdana, sans-serif;
list-style-type: none;
margin:0;
padding:0;
position: absolute;
top: auto;
left: 3em;
width: 100%; /* précision pour Opera */
}
.listeli {float: down;}

.liste a {
width: 100px;
height: 20px;
float: down;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
}

.liste a:hover {
/*background: #AAA; */
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}


merci d'avance

.listeli {float: down;}

"float: down" n'existe pas (right ou left).


.liste {
...
padding:0;
position: absolute;
...
}

Le problème doit venir du "position: absolute", à supprimer.
merci en effet :
1- le float : down n'est pas interprété.
2- en enlevant position absolute; ca à l'air de fonctionner.

merci
Sujet clos
Aller à