Texte sur une image mal fait...

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

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Texte sur une image mal fait...

Message par Scoubifitz le Dim 3 Oct 2010 - 4:29

Bonsoir,

le plus simple est de ne prendre que le haut de l'image , et de
refaire un tableau structuré et coloré sous cette image ...

Code:
<table
 style="width: 208px; height: 32px; background-repeat: no-repeat;"
 background="http://img821.imageshack.us/img821/2919/fondq.png"
 border="0">
  <tbody>
    <tr>
      <td> </td>
    </tr>
  </tbody>
</table>
<table style="width: 208px;" border="1"
 bordercolor="#0b85c6" cellpadding="5" rules="cols">
  <tbody>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page1</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page2</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page3</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page4</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page5</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page6</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page7</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page8</a></td>
    </tr>
  </tbody>
</table>

le résultat :




Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Texte sur une image mal fait...

Message par Scoubifitz le Dim 3 Oct 2010 - 15:31

Interrog

Je ne comprends pas trop ce que vous voulez déplacer ...

j'ai donc mis le tableau lui-même , et l'intérieur ...

C'est une marge à gauche : "marging-left"

Code:
<table style="width: 208px; height: 32px; background-repeat: no-repeat; margin-left: 40px;"
 background="http://img821.imageshack.us/img821/2919/fondq.png" border="0">
  <tbody>
    <tr>
      <td> </td>
    </tr>
  </tbody>
</table>
<table style="width: 208px; margin-left: 40px;" border="1"
 bordercolor="#0b85c6" cellpadding="5" rules="cols">
  <tbody>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><div style="margin-left: 40px;"><a href="page.html">Page1</a></div></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><div style="margin-left: 40px;"><a href="page.html">Page2</a></div></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page3</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page4</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page5</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page6</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page7</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page8</a></td>
    </tr>
  </tbody>
</table>

c'est le résultat que vous voulez ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Texte sur une image mal fait...

Message par Scoubifitz le Lun 4 Oct 2010 - 17:10

ben , je ne vois pas à travers les pages de maintenance ... Siffleur

je ne peux pas deviner dans quoi vous placez le tableau ... geek

Code:
<table style="width: 215px; margin-left: 13px;" border="1"
 bordercolor="#0b85c6" cellpadding="5" rules="cols">
  <tbody>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page1</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page2</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page3</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page4</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page5</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page6</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#a2d7ff">
      <td><a href="page.html">Page7</a></td>
    </tr>
    <tr style="height: 32px;" bgcolor="#d5ecfe">
      <td><a href="page.html">Page8</a></td>
    </tr>
  </tbody>
</table>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

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