A voir également:
- Placer un menu dans sa page web
- Supprimer une page word - Guide
- Traduire une page web - Guide
- Menu déroulant excel - Guide
- Instagram web - Guide
- Page d'accueil iphone - Guide
3 réponses
Utilisateur anonyme
12 mars 2010 à 14:14
12 mars 2010 à 14:14
"je n'arive pas a le placer"
Déjà premièrement, un petit effort sur l'orthographe serait un plus ! Au pire si t'as vraiment des difficultés, utilise Firefox qui souligne tous les mots que tu entres et qui ont des fautes... Ca sera utile pour tout le monde et ça pourra sûrement t'aider à l'avenir pour ne pas faire de fautes sur ton site !
Deuxièmement, il serait intelligent de nous dire comment tu veux le placer... tu ne crois pas ?
Troisièmement, peux-tu nous donner le code HTML et CSS de ta page ?
Déjà premièrement, un petit effort sur l'orthographe serait un plus ! Au pire si t'as vraiment des difficultés, utilise Firefox qui souligne tous les mots que tu entres et qui ont des fautes... Ca sera utile pour tout le monde et ça pourra sûrement t'aider à l'avenir pour ne pas faire de fautes sur ton site !
Deuxièmement, il serait intelligent de nous dire comment tu veux le placer... tu ne crois pas ?
Troisièmement, peux-tu nous donner le code HTML et CSS de ta page ?
j'utilise Firefox comme indiquer dans ma configuration ..
donc mon menu je voudrais le placer comme un menu classique comme ceci :
http://www.bestliens.com/portal.php (je parle du menu du haut)
code :html
<body>
<ul id="menu">
<li>
<a href="index.html">accueil</a> </li>
<li>
<a href="#">membres</a>
<ul>
<li><a href="#">connexion</a></li>
<li><a href="#">inscription</a></li>
</ul>
</li>
<li>
<a href="#">images</a>
<ul>
<li>
<a href="#">photos</a>
<ul>
<li><a href="#">catégorie 1</a></li>
<li><a href="#">catégorie 2</a></li>
</ul>
</li>
<li>
<a href="#">vidéos</a>
</li>
</ul>
</li>
<li>
<a href="#">téléchargements</a>
<ul>
<li><a href="#">vidéos</a></li>
<li><a href="#">musiques</a></li>
</ul>
</li>
<li>
<a href="#">plus</a>
<ul>
<li><a href="#">forum</a></li>
<li><a href="#">liens</a></li>
<li><a href="#">nous contacter</a></li>
<li><a href="#">team</a></li>
<li><a href="#">recherche</a></li>
</ul>
</li>
</ul>
</body>
code : css
#menu, #menu ul
{
padding : 0;
margin : 0;
list-style : none;
line-height : 25px;
text-align : center;
}
#menu
font-weight : bold;
font-family : Arial;
font-size : 12px;
}
#menu a
{
display : block;
padding : 0;
background : transparent url("images/top.png") repeat ;
color : #a9a9a9;
text-decoration : none;
width : 144px;
}
#menu li
{
float : left;
border-right : 1px solid #000;
}
html>body #menu li
{
border-right: 1px solid transparent ;
}
#menu li ul
{
position: absolute;
width: 144px;
left: -999em;
}
#menu li ul li
{
border-top : 1px solid #000;
}
html>body #menu li ul li
{
border-top : 1px solid transparent;
}
#menu li ul ul
{
margin : -22px 0 0 144px ;
border-left : 1px solid #fff ;
}
html>body #menu li ul ul
{
border-left : 1px solid transparent ;
}
#menu a:hover
{
color: #000;
background : transparent url("images/last1.png") repeat ;
}
#menu li:hover ul ul, #menu li.sfhover ul ul
{
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
left: auto;
min-height: 0;
}
body
{
background-color: #000000;
}
#menu li ul li a
{
background : transparent url("images/top.png") repeat ;
}
code :java
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
donc mon menu je voudrais le placer comme un menu classique comme ceci :
http://www.bestliens.com/portal.php (je parle du menu du haut)
code :html
<body>
<ul id="menu">
<li>
<a href="index.html">accueil</a> </li>
<li>
<a href="#">membres</a>
<ul>
<li><a href="#">connexion</a></li>
<li><a href="#">inscription</a></li>
</ul>
</li>
<li>
<a href="#">images</a>
<ul>
<li>
<a href="#">photos</a>
<ul>
<li><a href="#">catégorie 1</a></li>
<li><a href="#">catégorie 2</a></li>
</ul>
</li>
<li>
<a href="#">vidéos</a>
</li>
</ul>
</li>
<li>
<a href="#">téléchargements</a>
<ul>
<li><a href="#">vidéos</a></li>
<li><a href="#">musiques</a></li>
</ul>
</li>
<li>
<a href="#">plus</a>
<ul>
<li><a href="#">forum</a></li>
<li><a href="#">liens</a></li>
<li><a href="#">nous contacter</a></li>
<li><a href="#">team</a></li>
<li><a href="#">recherche</a></li>
</ul>
</li>
</ul>
</body>
code : css
#menu, #menu ul
{
padding : 0;
margin : 0;
list-style : none;
line-height : 25px;
text-align : center;
}
#menu
font-weight : bold;
font-family : Arial;
font-size : 12px;
}
#menu a
{
display : block;
padding : 0;
background : transparent url("images/top.png") repeat ;
color : #a9a9a9;
text-decoration : none;
width : 144px;
}
#menu li
{
float : left;
border-right : 1px solid #000;
}
html>body #menu li
{
border-right: 1px solid transparent ;
}
#menu li ul
{
position: absolute;
width: 144px;
left: -999em;
}
#menu li ul li
{
border-top : 1px solid #000;
}
html>body #menu li ul li
{
border-top : 1px solid transparent;
}
#menu li ul ul
{
margin : -22px 0 0 144px ;
border-left : 1px solid #fff ;
}
html>body #menu li ul ul
{
border-left : 1px solid transparent ;
}
#menu a:hover
{
color: #000;
background : transparent url("images/last1.png") repeat ;
}
#menu li:hover ul ul, #menu li.sfhover ul ul
{
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
left: auto;
min-height: 0;
}
body
{
background-color: #000000;
}
#menu li ul li a
{
background : transparent url("images/top.png") repeat ;
}
code :java
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Utilisateur anonyme
12 mars 2010 à 15:10
12 mars 2010 à 15:10
"J'utilise Firefox comme indiquer dans ma configuration .."
Et ça ne te dérange pas que tout soit souligné en rouge quand tu écris ici ?? ....
"donc mon menu je voudrais le placer comme un menu classique comme ceci : http://www.bestliens.com/portal.php (je parle du menu du haut)"
????? le menu auquel tu fais référence est positionné en haut et à gauche juste en dessous de l'entête du site... Toi tu n'a pas d'entête et ton menu est positionné en haut et à gauche !!
Je ne vois pas le problème !
Et ça ne te dérange pas que tout soit souligné en rouge quand tu écris ici ?? ....
"donc mon menu je voudrais le placer comme un menu classique comme ceci : http://www.bestliens.com/portal.php (je parle du menu du haut)"
????? le menu auquel tu fais référence est positionné en haut et à gauche juste en dessous de l'entête du site... Toi tu n'a pas d'entête et ton menu est positionné en haut et à gauche !!
Je ne vois pas le problème !
