Alignement de deux blocs horizontaux

Marsh Posté le 08-03-2012 à 21:39:48

Bonsoir,
Cela fait plusieurs jours que je tourne en rond pour trouver la réponse ainsi que sur des forums.
En regardant ma page d'accueil vous allez voir immédiatement le problème : http://akb48-le-site.fr
Depuis que j'ai incorporé le traducteur google mon menu horizontal ne veut pas se placer à coté de celui-ci.
Merci de vos réponses pour me sortir de ce quépier
ci-dessus les codes css et xhtml

Code :

body {
Width: 1200px; /*largeur de la page "body" */
height: auto;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour 2viter de coller avec le haut de la fenêtre du navigateur. */
margin-bottom: 10px; /* Pour éviter de coller avec le bas du navigateur */
background-image: url ("image/fond.jpg" ); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc */
background-image: url('http://img15.hostingpics.net/pics/601674akb48ForumFonddepage.jpg');
background-attachment:fixed;
}
/* L'en-tête */
#banniere
{
width: 1200px; /*Largeur de la bannière*/
height: 400px; /*Hauteur de la bannière*/
margin-left: ; /* Une marge à gauche pour centrer la bannière en attendant son dessin définitif */
background-position: center;
background-image: url("..images/bannière.png" );
background-repeat: no-repeat; /*Pour que l'image de fond "la bannière" ne se répéte pas */
margin-bottom:10px; /* Evite que la banniere soit trop collée au menu et au corps*/
}
#defilant{
width:1192px; /* largeur du cadre*/
clear:all;
background-color: #FFA07A;
font-family: Times New Roman, Arial, Arial Black, Comic Sans MS, Georgia, Impact, Times, Trebuchet MS, verdana, serif;
font-size: 20px;
font-style: italic;
font-weight: bold;
height: 30px; /*Hauteur du cadre*/
border: double 4px black;
padding-top: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
padding-bottom: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
margin-bottom: 10px; /* marge extérieure en bas */
}
/* UnitTranslate */
#menu_traduction
{
width: 250px; /*Largeur du cadre du menu*/
height: auto; /* Hauteur du menu */
color: black;
list-style-type: none;
text-align: center; /* Alignement du texte */
background-color: #FFA07A; /* une couleur de fond pour le menu */
border: 4px double black; /*Pour faite un encadrement du menu de 4px, double et en noir*/
margin-right:; /* Une marge à droite pour se décoler du corps */
margin-bottom:10px;
}
/* Le menu */
#menu
{
width: 250px; /*Largeur du cadre du menu*/
height: auto; /* Hauteur du menu */
float: left; /*Le menu flotera à gauche*/
border: 4px double black; /*Pour faite un encadrement du menu de 4px, double et en noir*/
background-color: #FFA07A; /* une couleur de fond pour le menu */
margin-bottom:10px;
}
a
{
text-decoration: none; /* les liens ne seront plus soulignès */
color: black;
}
.element_menu
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png" );
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_disco
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png" );
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_liens
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png" );
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_perso
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png" );
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_partenaires
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png" );
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
/* Quelques effets sur les menus */
.element_menu h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* pour alignement le texte au centre*/
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png" ); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-li fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #FF66FF;
color: ;
}
.element_menu li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.element_disco h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* pour alignement le texte au centre */
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_disco ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png" ); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_disco a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #FFD700;
color: ;
}
.element_disco li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.element_liens h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* Alignement du texte au centre*/
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_liens ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png" ); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_liens a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #66CC00;
color: ;
}
.element_liens li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.element_perso h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* Alignement du texte au centre*/
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_perso ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png" ); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_perso a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #66CC00;
color: ;
}
.element_perso li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.element_partenaires h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* pour alignement le texte au centre */
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_partenaires ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png" ); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_partenaires a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #87CEF3;
color: ;
}
.element_partenaires li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
/*--Menu horizontal--*/
ul#menu_horizontal
{
width: 875px; /* largeur du cadre*/
height: 20px; /*Hauteur du cadre*/
background-color: #FFA07A;
border: 4px double black; /*Pour faite un encadrement du menu de 4px, double et en noir*/
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: ;
margin-left: 300px; /* Une marge à gauche pour pousser le corps, afin qu'il soit centré */
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-style: italic;
font-weight: bold;
color: ;
background: url (image/pied.png);
list-style-type : none; /* Car sinon les puces se placent n'importe o* */
}
ul#menu_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
float: left;
text-align: center;
}
li.bouton_gauche {
float : left;
}
#corps /* Le corps de la page */
{
width: 875px; /* largeur du cadre */
height: auto; /* Hauteur du cadre */
border: 4px double black; /* Pour faite un encadrement du menu de 4px, double et en noir */
background-color: #FFA07A;
margin-left: 300px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-right: 0px; /* /*marche extérieure droite */
margin-bottom: 20px; /* Marge extérieure bas */
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #000000;
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-style: italic;
font-weight: bold;
text-align: center;
background-color: #FFFFFF; /* Une couleur de fond pour le corps */
background-image: url('http://img4.hostingpics.net/pics/833515fondcorpspng600x912.png'); /* Une petite image de fond */
background-position: center;
background-repeat: no-repeat; /* Une petite image de fond qui ne se répêtera pas */
}
#corps h3
{
color: black;
text-decoration: ;
}
/* Le pied de la page */
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul> ), inutile de lui rajouter une class */
ul#footer_horizontal
{
clear: left; /* stopper l'effet du menu flottant */
width: 1175px; /* largeur du cadre*/
height: 20px; /*Hauteur du cadre*/
background-color: #FF7F50;
border: 4px double black; /*Pour faite un encadrement du menu de 2px en noir*/
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: ;
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
color: ;
background: url (image/pied.png);
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#footer_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche {
float: left;
}
.nettoyeur {
clear: both;
}

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xml lang="fr" xmlns="http://www.w3.org/1999/xhtml" ><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="AKB48,SDN48,Akihabara,SKE48,Nagoya,NMB48,Osaka,HKT48,Fukuoka,JKT48,Djakarta. />
<meta name="description" content="AKB48 leur histoire, la composition des équipes,
leur discographie, concert, une grande variété d'informations." />
<meta http-equiv="pragma" content="no-cache" />
<title>Les School Girls de la JPop - JPOPのガールズ·スクール</title>
<link rel="stylesheet" media="screen" type="text/css" title="index_style" href="index_style.css" />
</head><body>
<a id="top"></a>
<div id="banniere">
<img src="http://img11.hostingpics.net/pics/484885Bannakb481200x400noms.png" alt="" />
</div>
<div id="defilant">
<marquee behavior="scroll" direction="left" scrolldelay="100">
Les SDN48 doivent toutes quitter le groupe le 31 mars 2012 lors d’un concert d’adieu au NHK Hall.
Mais il ne faut pas les enterrer trop vite, pour preuve, le site officiel des SDN48 vient de mettre à jour les profils des 39 membres,
je me mets au travail pour vous les rajouter ainsi que certaines carrières en cours pour ces anciennes et vous verrez il y a des surprises</marquee>
</div>
<div id="menu_traduction">
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'fr',
multilanguagePage: true,
gaTrack: true,
gaId: 'UA-24533803-3'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<div id="menu">
<div class="element_menu">
<h4>Menu Général</h4>
<ul>
<li><a href="../Papy_Aki/Yasushi_Akimoto.php"><img src="http://img11.hostingpics.net/pics/633821Papyakibann.jpg" alt="" /></a></li>
<li><a href="../akb48/akb48_Bienvenue_a_Akihabara.php"><img src="http://img11.hostingpics.net/pics/523126akb48menu.jpg" alt="" /></a></li>
<li><a href="../ske48/ske48_Bienvenue_a_Nagoya.php"><img src="http://img11.hostingpics.net/pics/945711ske48bann.jpg" alt="" /></a></li>
<li><a href="../nmb48/nmb48_Bienvenue_a_Osaka.php"><img src="http://img11.hostingpics.net/pics/290728nmb48menubann.jpg" alt="" /></a></li>
<li><a href="../sdn48/sdn48_Les_Saturnay_Night.php"><img src="http://img11.hostingpics.net/pics/822313sdn48menubann.jpg" alt="" /></a></li>
<li><a href="../hkt48/hkt48_Bienvenue_a_Fukuoka.php"><img src="http://img15.hostingpics.net/pics/681431HKT48003.jpg" alt="" /></a></li>
<li><a href="../jkt48/jkt48_Bienvenue_a_Djakarta.php"><img src="http://img4.hostingpics.net/pics/883316jkt48menu3.jpg" alt="" /></li>
</ul>
</div>
<div class="element_liens">
<h4>Les Liens du Site</h4>
<ul>
<li><a href="http://akb48.forumactif.net/"><img src="http://img4.hostingpics.net/pics/587251akblesitforum165x45.jpg" alt="" /></a></li>
<li><a href="http://www.japanese-school.forumactif.com"><img src="http://img4.hostingpics.net/pics/859043akblesitJapaneseschool.jpg" alt="" /></a></li>
<li><a href="http://maya-akblesit.skyrock.com/"><img src="http://img4.hostingpics.net/pics/475490akblesitMayasky.jpg" alt="" /></a></li>
<li><a href="http://chikako-akblesit.skyrock.com"/><img src="http://img4.hostingpics.net/pics/165847akblesitLeJaponavecChikako.jpg" alt="" /></a></li>
</ul>
<h4>Les Liens annexes</h4>
<ul>
<li><a href="http://akb48-le-site.fr/gallery_photo/index.php/"><img src="http://img4.hostingpics.net/pics/291724akblesitPhotosduJapon.jpg" alt="" /></a></li>
<li><a href="../admin/chat.php"><img src="http://img4.hostingpics.net/pics/533169akblesitTutchat.jpg" alt="" /></a></li>
<li><a href="../admin/bug_contact.php"><img src="http://img4.hostingpics.net/pics/202157akblesitAdmincontactbug.jpg" alt="" /></a></li>
<li><a href="http://akb48-le-site.fr/agb/"><img src="http://img4.hostingpics.net/pics/628374akblesitLivredor.jpg" alt="" /></a></li>
</ul>
</div>
<div class="element_perso">
<h4>Mes Liens perso</h4>
<ul>
<li><a href="http://ajimu1609.skyrock.com/"><img src="http://img4.hostingpics.net/pics/765023Ajimuyasuna.jpg" alt="" /></a></li>
<br />
<li><a href="http://japanours2011.skyrock.com/"><img src="http://img4.hostingpics.net/pics/423425Japanours2011.jpg" alt="" /></a></li>
<br>
<li><a href="http://japanours2010.skyrock.com/"><img src="http://img4.hostingpics.net/pics/734380Japanours2010.jpg" alt="" /></a></li>
<br>
<li><a href="http://japanours2009.skyrock.com/"><img src="http://img4.hostingpics.net/pics/700234Japanours2009.jpg" alt="" /></a></li>
<br>
<li><a href="http://japanours2008.skyrock.com/"><img src="http://img4.hostingpics.net/pics/275916Japanours2008.jpg" alt="" /></a></li>
</ul>
</div>
<div class="element_partenaires">
<h4>Nos Partenaires</h4>
<ul>
<li><a href="http://www.hostingpics.net/"><img src="http://img4.hostingpics.net/pics/583838logohosting88x21.gif" alt="" /></a></li>
<br />
<li><a href="http://www.planethoster.net/?a_aid=4ede1aef7421a&a_bid=de9a8992"><img src="http://cdn.planethoster.net/images/bannieres/Fbutton-88x31-02.gif" border="0" alt="Hébergé par PlanetHoster" title="Hébergé par PlanetHoster" width="88" height="31" /></a><img style="border:0" src="http://affiliation.planethoster.info/scripts/imp.php?a_aid=4ede1aef7421a&a_bid=de9a8992" width="1" height="1" alt="" /></a></li>
<br />
<li><a href="http://www.siteduzero.com/"><img src="http://img4.hostingpics.net/pics/649809logosdzfr88x25.png" alt="" /></a></li>
<br />
<li><a href="http://jeuma-groupe.franceserv.com/"><img src="http://img11.hostingpics.net/pics/378920iconejeuma.png" alt="" /></a></li>
<ul>
</div>
</div>
<ul id="menu_horizontal">
<li class="bouton_gauche"><a href="index1.html">Retour à l'accueil</a></li>
<li class="bouton_gauche"><a href="admin/newsletter.php">La newsletter - Inscription</a></li>
<li class="bouton_gauche"><a href="http://akb48.forumactif.net">Le Forum</a></li>
<li class="bouton_gauche"><a href="http://japanese-school.forumactif.com">La Japanese-School</a></li>
<li class="bouton_gauche"><a href="admin/chat.php">Chat</a></li>
<li class="bouton_gauche"><a href="http://akb48-le-site.fr/agb/">Le Livre d'or</a></li>
</ul>
<div id="corps">
<p><img src="http://img4.hostingpics.net/pics/785355akb48610x54021filles.jpg" alt="" /></p><br />
<p /><h2>Bienvenue sur le Site des School Girls de la JPop !</h2>
<p /><h3>De Tokyo a Osaka en passant par Nagoya et Fukuoka<br />
Retrouvez Les AKB48, SKE48, NMB48 et HKT48<br />
sans oublier les SDN48 nos "demoiselles de la nuit"</h3>
<p /><h4>Je sais, je ne suis pas le seul fan des akb48 sur la toile à avoir un sîte,<br />
alors j'ai essayé de faire ' autrement ' pour vous les présenter.<br />
Si seules les équipes d'aujourd'hui vous branchent direction le remaniement d'équipe 2009/2010</p>
<p>Sinon, rappelez-vous vos contes de Fées lorsque vous étiez petit ils commençaient tous par :<br />
Il était une fois..........alors direction les 1ères Team<br />
Il était une fois, il y a bien longtemps...en 2005....naissaient les akb48....</h4></p>
<p>Groupe de théatre (chant et danse) entièrement féminin, produit par Yasushi Akimoto <br />
voici l'histoire des AKB48, et leurs petites soeurs les SKE48, SDN48 et NMB48</p>
<p>Pour rejoindre notre communauté, discuter avec d'autres fans ? <br />
rendez-vous sur le forum des AKB48 et consoeurs :<br />
N'hésitez pas à vous y inscrire nous vous attendons : </p>
<p><a href="http://akb48.forumactif.net"><img src="http://img11.hostingpics.net/thumbs/mini_784235Onvousattends200x200.jpg" alt="" /></a></p>
<p>Vous voulez apprendre ou discuter de culture japonaise ?<br />
Rendez-vous sur la Japanese-school en cliquant sur notre logo : </p>
<p><a href="http://japanese-school.forumactif.com/"><img src="http://img4.hostingpics.net/pics/881284logoJapaneseschool88x43.png" alt="Japanese-school" /></a></p>
<p>Signez le Livre d'or cela fait toujours plaisir. Merci</p>
<p> Il est :
<applet code="Dgclock.class" codebase="http://akb48-le-site.fr/java-sys" height="30" width="100">
<param name="TimeFormat" value="" />
<param name="ShowDate" value="yes" />
<param name="ShowFrame" value="yes" />
<param name="fg" value="white" />
<param name="bg" value="black" />
</applet> en France
et :
<applet code="Dgclock.class" codebase="http://akb48-le-site.fr/java-sys" height="30" width="100">
<param name="TimeFormat" value="" />
<param name="TZ" value="GMT+0900" />
<param name="ShowDate" value="yes" />
<param name="ShowFrame" value="yes" />
<param name="fg" value="white" />
<param name="bg" value="black" />
</applet> au Japon</p><br />
<a href="#top" class="top"><img src="http://img15.hostingpics.net/pics/372302indexretourhaut.jpg" alt="" /></a>
</div>
<ul id="footer_horizontal">
<li class="bouton_gauche"><a href="copyright.php">
Toutes les illustrations, photos et vidéos sont sous Copyright donc propriétés de leurs auteurs et éditeurs respectifs.</a></li>
</ul>
<div class="nettoyeur">
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24533803-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
</body></html>

Message édité par Ajimu Yasuna le 08-03-2012 à 22:01:16

---------------
Un bonjour, un merci chaque jour et la vie sera plus belle

Marsh Posté le 08-03-2012 à 21:39:48

Marsh Posté le 09-03-2012 à 22:01:23

Tu voudrais que les deux bloc soient collés c'est bien ça?

---------------
Les hommes construisent trop de murs et pas assez de ponts. Isaac Newton

Marsh Posté le 11-03-2012 à 13:10:51

non les blocs "traducteur et menu horizontal" sont à leur place mais

letradusteur.est..............sur cette ligne
............................et le menu horizontal sur celle-là

je les voudrais sur la meme ligbe

Traducteur.......menu horizontal.......cote à cote mais toujours séparé par un blanc (environ 36px)

J'ai essayé avec la position absolute pour le menu horizontal cela fonctionne sur la page d'acceuil mais sur les autres pages il se chevauche avec le défilant car les navigateurs me colle 40px avant la bannière au lieu de 10 demandé bilan j'ai plus didée

Marsh Posté le 11-03-2012 à 13:16:46

Chez moi pas de soucis à ce niveau ils sont bien alignés bien que l'un soit plus haut que l'autre.

Spécifies la même hauteur pour les 2 blocs et ajoutes cette propriété aux 2 blocs:

Code :

float: left;

---------------
Les hommes construisent trop de murs et pas assez de ponts. Isaac Newton

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *