"Tableau" aligner a droite

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu "Tableau" aligner a droite

Message par Sabaku No Temari le Sam 29 Mai 2010 - 16:04

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:

Code:


[img]http://img43.imageshack.us/img43/5437/copiedecopiedesanstitre.gif[/img]















[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]



Merci d'avance & bonne journée


Dernière édition par Sabaku No Temari le Mar 1 Juin 2010 - 23:28, édité 1 fois

Sabaku No Temari
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Anzu le Sam 29 Mai 2010 - 17:28

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Sabaku No Temari le Sam 29 Mai 2010 - 20:34

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
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Sabaku No Temari le Dim 30 Mai 2010 - 19:09

Up

Sabaku No Temari
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Sabaku No Temari le Lun 31 Mai 2010 - 18:05

Up :S

Sabaku No Temari
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Anzu le Mar 1 Juin 2010 - 14:15

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 ? Razz

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Sabaku No Temari le Mar 1 Juin 2010 - 17:20

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 Smile

Sabaku No Temari
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Anzu le Mar 1 Juin 2010 - 20:44

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Sabaku No Temari le Mar 1 Juin 2010 - 22:13

Waa! O:
Sa marche Very Happy
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 !

Sabaku No Temari
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Anzu le Mar 1 Juin 2010 - 23:09

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: "Tableau" aligner a droite

Message par Sabaku No Temari le Mar 1 Juin 2010 - 23:28

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

Encore une fois,merci beaucoup ! =D

Sabaku No Temari
***

Féminin
Messages : 102
Inscrit(e) le : 11/10/2009

http://forum-narutox.meilleurforum.com
Sabaku No Temari a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum