Comprendre le bitcoin, l'intelligence artificielle, faire un site web... En 3 minutes en vidéo!

pb menu

<<<1>>>

[Page 1 sur 1 - 15 messages]
Informations Messages

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 23 Mars 2009 à 20h24

j'ai fais ça pour le menu :

http://ekivalentfree.redby.fr/

mais j'aimerais bien que ça reste tjr centrer...

voila le code html et css

Code

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

<body>

<!-- L'entête -->

<div id="en_tete">

</div>

<div id="conteneur-menu">
<div id="menu">
<dl href="index.html" class="acceuil"><a href="index.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Accueil&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></dl>
<dl class="dl">
<dt>Ekivalences</dt>
<dd>
<ul>

<li><a href="ekivalences/bureautique.html">Bureautique</a></li>
<li><a href="ekivalences/graphisme.html">Graphisme</a></li>
<li><a href="ekivalences/internet.html">Internet</a></li>
<li><a href="ekivalences/son_et_video.html">Son et vidéo</a></li>
<li><a href="ekivalences/programmation.html">Programmation</a></li>
<li><a href="ekivalences/securite.html">Sécurité</a></li>
<li><a href="ekivalences/windows_vs_linux.html">OS: Windows VS linux</a></li>

</ul>
</dd>
</dl>

<dl class="dl">
<dt>Bonus</dt>
<dd>
<ul>

<li><a href="bonus/virtualbox.html">Virtualbox</a></li>
<li><a href="bonus/liste des articles">Liste des articles</a></li>
<li><a href="bonus/liste des articles">Astuces Ubuntu</a></li>
<li><a href="bonus/liste des articles">Astuces Windows</a></li>

</ul>
</dd>
</dl>


<dl><a href="staff&boite_a_idee.html" class="staff&boite_a_idee">Staff & boite à idées&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></dl>


</div>
</div>
<!-- Le corps -->
<div class="haut_du_corps"></div>

<div id="corps">
<h1>EkivalentFree</h1>

<p>
EkivalentFree
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thÃ&#168;me de mon siteContent
</p>


<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.
Je prendrai ensuite le contrÃ&#180;le du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
<p>
Bienvenue sur mon super site !
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thÃ&#168;me de mon siteContent
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.
Je prendrai ensuite le contrÃ&#180;le du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).<p>
Bienvenue sur mon super site !
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thÃ&#168;me de mon siteContent
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.
Je prendrai ensuite le contrÃ&#180;le du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).<p>
Bienvenue sur mon super site !
Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thÃ&#168;me de mon siteContent
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah, c'est moi, quelle question :-p
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.
Je prendrai ensuite le contrÃ&#180;le du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</div>

<div class="bas_du_corps"></div>

<div id="pied_de_page">
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés
<a href="http://www.danasoft.com"><img class="image_pied_de_page" src="http://www.danasoft.com/sig/euhhh159300.jpg" border="0"></a>
</p>
</div>

</body>
</html>


Code

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/savane.jpg");
background-attachment:fixed;
}



#en_tete
{
width: 760px;
height: 100px;
background-image: url("equivalentfree.png");
background-repeat: no-repeat;
margin-bottom: 10px;
margin-left:170px;
}




#menu
{
position: absolute;
}





/* Le corps de la page */
.haut_du_corps
{
background-image: url("images/haut_du_corps.png");
padding-left: 500px;
padding: 45px;
background-repeat:no-repeat;
}


#corps
{
padding-left: 50px;
margin-bottom: -15px;
padding: 5px;
color: #2D2D2D;
background-image: url("images/damier_corps.png");
background-repeat:repeat;
}

#corps h1
{
color: #2D2D2D;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps p
{
margin-left:20px;
margin-right: 20px;
}

#corps h2
{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #2D2D2D;
text-align: left;
}

.bas_du_corps
{
background-image: url("images/bas_du_corps.png");
background-repeat:no-repeat;
padding: 55px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding: 5px;images/motif

text-align: center;

color: #2D2D2D;
background-image: url("images/damier.png");
background-repeat: repeat-x;
border: 2px solid black;
}

.image_pied_de_page
{
padding-left: 200px;
}


#menu dl

{
height: 40px;
margin :0px; padding:0px;
display: block;
float: left;
text-align: center;
}

#menu dt

{
display: block;
height: 40px;
cursor: pointer;
line-height:40px;
}


dd
{
display: block;
margin:0; padding:0;
background: url("images/damier.png")
}

.staff&boite_a_idee
{
display: block;
height: 40px;
cursor: pointer;
line-height:20px;
}

#menu a
{
display: block;
height: 40px;
cursor: pointer;
line-height:40px;
}

#menu dd ul
{
margin: 0; padding: 0;
text-align: center;
list-style:none;
}

dd ul li a
{
color:#000000;
display:block;
text-decoration: none;
height: 30px;
border-top: dotted 1px #000000;
}

#menu a
{
color:#000000;
text-decoration: none;
}

#menu a:hover
{
background: url("images/damier_hover.png");
color: #FFF
}

.staff&boite_a_idee:hover
{
background: url("images/damier_hover.png");
color: #FFF
}

#menu dt:hover
{
background: url("images/damier_hover.png");
color: #FFF
}

dl dd
{
display: none;
}

dl:hover dd
{
display:block;
}

#conteneur-menu
{
padding-left: 0px;
width: 760px;
background-image: url("images/damier.png");
border: 2px solid black;
margin-bottom: 20px;
height: 40px;
position: relative;
}




merci pour votre futur aide =)

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

Publicité

Moyan

Avatar de Moyan
2424 messages
Geek
Geek
AidoLinux
AidoLinux

Lien direct Le 24 Mars 2009 à 07h36

Qu'appelles-tu vouloir "rester centrer" ?

Dans le .css, essayes sans;

Code

#conteneur-menu
{
padding-left: 0px;
width: 760px;
background-image: url("images/damier.png");
border: 2px solid black;
margin-bottom: 20px;
height: 40px;
position: relative;
}

 

ju2cho7

Avatar de ju2cho7
7342 messages
No-Life
No-Life
AidoCodeur
AidoCodeur
Modérateur
Modérateur

Lien direct Le 24 Mars 2009 à 10h31

- Définis déjà des largeurs fixes pour tes différentes rubriques du menu, parce qu'un menu qui change de taille dès qu'on passe la souris dessus, c'est très désagréable...
- Répartis tes largeurs de façon à ne plus avoir de marges, et ça sera proprement centréClin d'oeil
- évite le blanc sur blanc, illisible:-P
- encode soit en ISO soit en UTF-8, mais pas les 2, là si on met en ISO on a des caractères UTF-8 qui passent pas, et inversement...

Nous ne fournissons pas d'aide par MP. ;)
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 24 Mars 2009 à 12h33

Citation de ju2cho7

- Définis déjà des largeurs fixes pour tes différentes rubriques du menu, parce qu'un menu qui change de taille dès qu'on passe la souris dessus, c'est très désagréable...
- Répartis tes largeurs de façon à ne plus avoir de marges, et ça sera proprement centréClin d'oeil
- évite le blanc sur blanc, illisible:-P
- encode soit en ISO soit en UTF-8, mais pas les 2, là si on met en ISO on a des caractères UTF-8 qui passent pas, et inversement...



c'est ça que je voulais ju2cho7 j'aimerais que mon menu reste fixe et que les rubriques reste centré tout le temps donc pas quand on mets la souris dessus...
mais je vois pas trop comment faire la j'ai pas trop capté ce que tu ma dis de faire:-P
et pour le blanc sur blanc quand on change de case la couleur change aussi et se terni peut être que sa a dec...


et comment je fais pour encoder en iso ou utf et c quoi le mieux des deux? ^^

et pour moyan non faut pas que jez l'enlève sinon mon menu il est mélangé avec le txt...

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 24 Mars 2009 à 22h19

faute de mieux j'ai fais ça : http://ekivalentfree.redby.fr/
mais regarder le code de la page c vraiment pas bô ! =/
ex: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; etc...

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

ju2cho7

Avatar de ju2cho7
7342 messages
No-Life
No-Life
AidoCodeur
AidoCodeur
Modérateur
Modérateur

Lien direct Le 25 Mars 2009 à 10h19

Essaie de définir une largeur fixe pour chaque menu, ça évitera à la largeur de changer quand on passe la souris et qu'on l'enlève.

Nous ne fournissons pas d'aide par MP. ;)
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 25 Mars 2009 à 12h57

edit : c bon j'ai réussi =) j'ai du batailler par contre :argh: :argh:

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 25 Mars 2009 à 14h40

mais maintenant mon pb c'est que mon code php compteur de visite n'apparait pas sur le site malgré de nombreuse upload/effacer/upload/effacer/upload
le fichier est bien en php. qqn pour m'aider?

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

Djokx

Avatar de Djokx
921 messages
Carte Mère
Carte Mère

Lien direct Le 05 Avril 2009 à 01h21

Salut,
De temps en temps, mon serveur aussi me fait attendre pour pouvoir afficher des nouveles pages, mais au bout de 30min grand maximum, c'est bon.
Tu peux d'ailleurs voir que ton compteur est correctement installéSourire

 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 08 Avril 2009 à 12h53

Citation


Salut,
Oui, aucune de tes pages n'existe, on arrive pas très bien à lire ton menu et il y a aussi un problème d'encodage, la meta à pourtant l'air correct.



oui parce que je les ai par encore crée =p et pour le menu normalement la couleur de d fond change...mais il faut recher=arger des fois =/ et le pb d'encoade je crois que c le txt du sdz qui est encoder différement et quand j'ai copié coller ça a mis c lettre disgracieuse et quand tu regarde mon txt a moi au début du vois que les "é" marche bienClin d'oeil

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

ju2cho7

Avatar de ju2cho7
7342 messages
No-Life
No-Life
AidoCodeur
AidoCodeur
Modérateur
Modérateur

Lien direct Le 08 Avril 2009 à 13h22

Notepad++ dispose d'une fonctionnalité de conversion
Par exemple, place ce code dans ta page:

Code

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


Et sous Notepad++, menu Format >> Convertir en UTF-8Clin d'oeil

Nous ne fournissons pas d'aide par MP. ;)
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 08 Avril 2009 à 13h28

a la place de l'autre meta?

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

ju2cho7

Avatar de ju2cho7
7342 messages
No-Life
No-Life
AidoCodeur
AidoCodeur
Modérateur
Modérateur

Lien direct Le 08 Avril 2009 à 13h49

ouiClin d'oeil

Nous ne fournissons pas d'aide par MP. ;)
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 08 Avril 2009 à 16h06

dac de suite... =)

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

lunastix275

Avatar de lunastix275
588 messages
Carte Mère
Carte Mère

Lien direct Le 08 Avril 2009 à 16h09

je l'ai faisClin d'oeil

mais le texte est directement comme ça dans mon code et comme je compte le suprr...Clin d'oeil merci bocou

Ce qui découle du pessimisme, c'est la doctrine de l'absurdité de l'existence. [Friedrich Nietzsche]
 

<<<1>>>

[Page 1 sur 1 - 15 messages]