"Tableau" aligner a droite

[Sabaku No Temari]

Bonjours ,

Je suis en train de faire une sorte de "tableau".
Est ce que quelqu'un a le code,s'il vous plait, pour passer de ça:

A ça:

Spoiler:

Merci d'avance & bonne journée

[Anzu]

Bonjour;

Il suffit de rajouter la balise center >

Code:


<br><br><div style="text-align: center;"><img src="http://img43.imageshack.us/img43/5437/copiedecopiedesanstitre.gif"><br></div><br><script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
<!-- FIN DU CSS -->



<dl id="menu">

<center><dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/reglement-f3/">
<font size="2">R</font><span style="color: rgb(51, 51, 51);">eglement général</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/presentations-f4/">
<font size="2">P</font><span style="color: rgb(51, 51, 51);">résentation</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/livre-d-or-f20/">
<font size="2">L</font><span style="color: rgb(51, 51, 51);">ivre d'or</span></a></dt>

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/absences-f61/">
<font size="2">A</font><span style="color: rgb(51, 51, 51);">bsence</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/boite-a-idee-f6/">
<font size="2">B</font><span style="color: rgb(51, 51, 51);">oite a idée</span></a></dt></dl></center>


</div>

Cordialement.

[Sabaku No Temari]

Oups,désolé,même avec mes images ,je me suis mal faite comprendre .. :S

Spoiler:

En fait,je le voudrais sur le coté,mais centrer par rapport a l'image.. :S


Merci de m'aider (encore une fois ^^)

Bonne soirée

[Sabaku No Temari]

Up

[Sabaku No Temari]

Up :S

[Anzu]

Bonjour,

Mes excuses pour le retard.

Code:

<br><br><table align="left"><tr><td><div style="text-align: left;"><img src="http://img43.imageshack.us/img43/5437/copiedecopiedesanstitre.gif"><br></div><br><script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
<!-- FIN DU CSS -->


</td></tr>
<tr><td align="center"><dl id="menu">

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/reglement-f3/">
<font size="2">R</font><span style="color: rgb(51, 51, 51);">eglement général</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/presentations-f4/">
<font size="2">P</font><span style="color: rgb(51, 51, 51);">résentation</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/livre-d-or-f20/">
<font size="2">L</font><span style="color: rgb(51, 51, 51);">ivre d'or</span></a></dt>

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/absences-f61/">
<font size="2">A</font><span style="color: rgb(51, 51, 51);">bsence</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/boite-a-idee-f6/">
<font size="2">B</font><span style="color: rgb(51, 51, 51);">oite a idée</span></a></dt></dl></div><td></tr></table>

C'est bien ca ?

[Sabaku No Temari]

Ah! Merci beaucoup ,ca marche ! =D
C'est pas grave pas le retard,vous pouvez pas être partout en même temps ^^'

& j'ai un dernier petit détail a régler :

Code:

<br><br><table align="left"><tr><td><div style="text-align: left;"><img src="http://img43.imageshack.us/img43/5437/copiedecopiedesanstitre.gif"><br></div><br><script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
<!-- FIN DU CSS -->


</td></tr>
<tr><td align="center"><dl id="menu">

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/reglement-f3/">
<font size="2">R</font><span style="color: rgb(51, 51, 51);">eglement général</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/presentations-f4/">
<font size="2">P</font><span style="color: rgb(51, 51, 51);">résentation</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/livre-d-or-f20/">
<font size="2">L</font><span style="color: rgb(51, 51, 51);">ivre d'or</span></a></dt>

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/absences-f61/">
<font size="2">A</font><span style="color: rgb(51, 51, 51);">bsence</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/boite-a-idee-f6/">
<font size="2">B</font><span style="color: rgb(51, 51, 51);">oite a idée</span></a></dt></dl></div><td></tr></table>



<DIV></DIV><BR><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%"><A class=postlink




href="http://www.servimg.com/image_preview.php?i=169&amp;u=14202996" target=_blank><IMG border=0 alt="" src="http://i60.servimg.com/u/f60/14/20/29/96/staff10.gif">

</A></DIV><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%"><p>

<A class=postlink href="http://www.servimg.com/image_preview.php?i=181&amp;u=14202996" target=_blank>
<IMG border=0 alt="" src="http://i60.servimg.com/u/f60/14/20/29/96/hibari10.png">
</A>&nbsp;

<A class=postlink href="http://www.servimg.com/image_preview.php?i=182&amp;u=14202996"target=_blank>
<IMG border=0 alt="" src="http://i60.servimg.com/u/f60/14/20/29/96/mei_bm10.jpg">

</A> <a href="http://www.servimg.com/image_preview.php?i=183&amp;u=14202996" class="postlink" target="_blank">

<img src="http://i60.servimg.com/u/f60/14/20/29/96/belava10.png" border="0" alt="" /></a></p></DIV>



J'aimerais pouvoir mettre le "navigation" aligner a "staff",parce qu'il y a un petit décalage .. :/
C'est possible ?
(désolé,je n'ai pas de capture d'écran.Voilà la lien.)
http://forum-narutox.meilleurforum.com


Merci beaucoup

[Anzu]

Voilà >

Code:

<table align="left"><tr><td><div style="text-align: left;"><img src="http://img43.imageshack.us/img43/5437/copiedecopiedesanstitre.gif"></div><script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
<!-- FIN DU CSS -->


</td></tr>
<tr><td align="center"><dl id="menu">

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/reglement-f3/">
<font size="2">R</font><span style="color: rgb(51, 51, 51);">eglement général</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/presentations-f4/">
<font size="2">P</font><span style="color: rgb(51, 51, 51);">résentation</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/livre-d-or-f20/">
<font size="2">L</font><span style="color: rgb(51, 51, 51);">ivre d'or</span></a></dt>

<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/absences-f61/">
<font size="2">A</font><span style="color: rgb(51, 51, 51);">bsence</span></a></dt>


<dt onclick="javascript:montre();"><a href="http://forum-narutox.meilleurforum.com/boite-a-idee-f6/">
<font size="2">B</font><span style="color: rgb(51, 51, 51);">oite a idée</span></a></dt></dl></div><td></tr></table>


<table><tr><td><DIV></DIV><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%"><A class=postlink




href="http://www.servimg.com/image_preview.php?i=169&amp;u=14202996" target=_blank><IMG border=0 alt="" src="http://i60.servimg.com/u/f60/14/20/29/96/staff10.gif">

</A></DIV></td></tr><tr><td><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%"><p>

<A class=postlink href="http://www.servimg.com/image_preview.php?i=181&amp;u=14202996" target=_blank>
<IMG border=0 alt="" src="http://i60.servimg.com/u/f60/14/20/29/96/hibari10.png">
</A>&nbsp;

<A class=postlink href="http://www.servimg.com/image_preview.php?i=182&amp;u=14202996"target=_blank>
<IMG border=0 alt="" src="http://i60.servimg.com/u/f60/14/20/29/96/mei_bm10.jpg">

</A> <a href="http://www.servimg.com/image_preview.php?i=183&amp;u=14202996" class="postlink" target="_blank">

<img src="http://i60.servimg.com/u/f60/14/20/29/96/belava10.png" border="0" alt="" /></a></p></DIV></td></tr></table>

Cordialement.

[Sabaku No Temari]

Waa! O:
Sa marche
Merci beaucoup !
Par contre,maintenant,le forum a été décaler sur le coté.. :S

Spoiler:

Normalement,ont vois juste le "ouvrir"
Comment la remettre comme avant ?

Code:

[img]http://i60.servimg.com/u/f60/14/40/48/22/bienve10.gif[/img]




[table align="left"][tr][td][img]http://img43.imageshack.us/img43/5437/copiedecopiedesanstitre.gif[/img]










[/td][/tr][tr][td align="center"]

[url=http://forum-narutox.meilleurforum.com/reglement-f3/]
[size=9]R[/size][color=#333333]eglement général[/color][/url]


[url=http://forum-narutox.meilleurforum.com/presentations-f4/]
[size=9]P[/size][color=#333333]résentation[/color][/url]


[url=http://forum-narutox.meilleurforum.com/livre-d-or-f20/]
[size=9]L[/size][color=#333333]ivre d'or[/color][/url]

[url=http://forum-narutox.meilleurforum.com/absences-f61/]
[size=9]A[/size][color=#333333]bsence[/color][/url]


[url=http://forum-narutox.meilleurforum.com/boite-a-idee-f6/]
[size=9]B[/size][color=#333333]oite a idée[/color][/url][/td][td][/td][/tr][/table]


[table][tr][td]
[center][url=http://forum.forumactif.com/]



href="http://www.servimg.com/image_preview.php?i=169&u=14202996" target=_blank>[img]http://i60.servimg.com/u/f60/14/20/29/96/staff10.gif[/img]

[/url][/center]
[/td][/tr][tr][td][center]

[url=http://www.servimg.com/image_preview.php?i=181&u=14202996]
[img]http://i60.servimg.com/u/f60/14/20/29/96/hibari10.png[/img]
[/url]

[url=http://www.servimg.com/image_preview.php?i=182&u=14202996]
[img]http://i60.servimg.com/u/f60/14/20/29/96/mei_bm10.jpg[/img]

[/url] [url=http://www.servimg.com/image_preview.php?i=183&u=14202996]

[img]http://i60.servimg.com/u/f60/14/20/29/96/belava10.png[/img][/url][/center]
[/td][/tr][/table]






[table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"][tr][td]
<br />style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><br />
[/td][td]
 style="vertical-align: bottom;">
[img]http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png[/img]
onClick="document.getElementById('chatboxpop')
.style.display=
(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.

src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?

'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/>
[/td][/tr][/table]

 
 
[center][url=http://www.servimg.com/image_preview.php?i=168&u=14202996][img]http://i60.servimg.com/u/f60/14/20/29/96/musiqu10.gif[/img][/url][/center]

 


 




.F O R U M. .E N. .C O U R. .D E. .R E. - .C O N S T R U C T I O N.

Un gros merci pour toute l'aide que vous m'avez déjà donner jusqu'à maintenant !

[Anzu]

Humph, là vous me posez une colle. Vérifiez le code au cas où il n'y aurait pas une erreur dans les balises, sait-on jamais.

Au pire, mettez une image transparente pour le bouton de chatbox.

Sur une résolution plus importante, il n'y a pas ce problème mais bon c'est quand même embêtant > <

Cordialement.

[Sabaku No Temari]

Ah,c'est bon,j'ai remis l'ancien code pour la chatbox & sa remarche !

Encore une fois,merci beaucoup ! =D