Code html
Melissa
-
Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention -
Grandasse_ Messages postés 924 Date d'inscription Statut Membre Dernière intervention -
Bonjour voila j ai ce code html mais j aimerai mettre ds les sous catégorie de mon menu déroulant mes article comment faire
merci d avance
<p> </p>
<div id="table">
<div class="titre">Kcovers</div>
<table width="160" height="38">
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Drama</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Web Drama</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Movie</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Programm</a></td>
</tr>
</tbody>
</table>
</div>
<style><!--
#table table {
width:170px;
height:50px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
border:dotted 5px #fff;
border-radius: 10px;
padding:25px;
margin-top:5px;
box-shadow: 0px 0px 10px black ,0px 0px 10px black inset;
background-color:#dfd2b8;
background-image: url();
}
.titre{
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
text-align:center;
position:relative;
left:125px;
top:100px;
width:120px;
height:22px;
box-shadow: 0px 0px 10px black;
background-image: url();
background-color:#dfd2b8;
border-radius:0px 0px 8px 8px;
padding:5px 15px 15px 15px;
transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-moz-transform: rotate(270deg);
}
#table {
position:fixed;
top:40px;
left:-185px;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
}
#table:hover {
left:-1px;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
}
--></style>
merci d avance
<p> </p>
<div id="table">
<div class="titre">Kcovers</div>
<table width="160" height="38">
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Drama</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Web Drama</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Movie</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td><a href="#" rel="nofollow" target="_blank">Programm</a></td>
</tr>
</tbody>
</table>
</div>
<style><!--
#table table {
width:170px;
height:50px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
border:dotted 5px #fff;
border-radius: 10px;
padding:25px;
margin-top:5px;
box-shadow: 0px 0px 10px black ,0px 0px 10px black inset;
background-color:#dfd2b8;
background-image: url();
}
.titre{
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
text-align:center;
position:relative;
left:125px;
top:100px;
width:120px;
height:22px;
box-shadow: 0px 0px 10px black;
background-image: url();
background-color:#dfd2b8;
border-radius:0px 0px 8px 8px;
padding:5px 15px 15px 15px;
transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
-moz-transform: rotate(270deg);
}
#table {
position:fixed;
top:40px;
left:-185px;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
}
#table:hover {
left:-1px;
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
}
--></style>
A voir également:
- Code html
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Editeur html - Télécharger - HTML
1 réponse
Bonsoir,
Ne me dites pas que vous avez fait un recherche avant de poser votre question.
https://www.google.com/search?hl=fr&q=menu%20d%C3%A9roulant%20css
Ne me dites pas que vous avez fait un recherche avant de poser votre question.
https://www.google.com/search?hl=fr&q=menu%20d%C3%A9roulant%20css