Créer un compte
Connexion

Images perso pour forums (avatar)Convertisseur de Caractères Spéciaux HTMLSondagesCartes Google MapsOmbres sur texte CSS3Balises meta tagsOmbres CSS3 (box-shadow)Boutons images htmlCode flashCompteur de connectés (Live)
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > HTML Probleme Tableau en Images

HTML Probleme Tableau en Images

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
blingcru
29/06/2011 à 00:12:49
blingcru
Membre
 Salut a tous ! :),

Voila j'ai un petit soucis pourtant tout a l'heure tout allais bien :/

il ne veux plus m'afficher les images comme prévu de chaque coté ils les affiches mais ils sont hors cadres .. :S

J'essaie de produire un tableau cadrage en images de tout les cotés ...

on peux me dire le pourquoi il déconne ?


<table width="573" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="3"><img src="image/cadrehaut.bmp"></td>
        </tr>
        <tr>
          <td background="image/cadregauche.bmp"></td>
          <td><center>Test</center></td>
          <td background="image/cadredroit.bmp"></td>

        </tr>
        <tr>
          <td colspan="3"><img src="image/cadrebas.bmp"></td>
        </tr>
      </table>
 
https://guerredesgangs.net & http://www.bazinio.ca & http://www.thestreet2.ca
Spitfire 95
29/06/2011 à 07:55:20
Spitfire 95
Membre
 Normalement ce n'est pas l'usage que l'ont fait d'un tableau. Il n'est pas recommandé de les utiliser pour la mise en page.
Essayes de mettre les images en CSS dans le tableau.
blingcru
29/06/2011 à 16:48:02
blingcru
Membre
 bien en css sa va revenir au meme .. :/
https://guerredesgangs.net & http://www.bazinio.ca & http://www.thestreet2.ca
Spitfire 95
29/06/2011 à 17:03:17
Spitfire 95
Membre
 Tu peux nous donner le lien ?
Sinon le plus simple et le plus propre serait de faire deux div, une relative et une absolute à l?intérieur, celle intérieur centrée et pi c'est bon.
Et dans cette div centrale mettre style="text-align:center;" car est dépréciée par le W3C.
Sinon chez moi les images sortent pas des cadres et le tableau prend bien la largeur spécifiée (avec images 42x42 je crois).
blingcru
29/06/2011 à 17:26:58
blingcru
Membre
 http://gdg.gangstar-world.com/z1.php

voici le lien mais dison coter css ses pas trop mon fort :/
https://guerredesgangs.net & http://www.bazinio.ca & http://www.thestreet2.ca
Lolo44
29/06/2011 à 20:17:28
Lolo44
Membre
 L'orthographe non plus ^^
Si j'ai bien compris , les bordures ne sont pas alignées?
:exit: Accéder au site web de ce membre
blingcru
29/06/2011 à 20:25:50
blingcru
Membre
 J'essaie une autre methode mais bon déja la sa marche pas :colaire:

il affiche que border-image et si j'enleve bien ya rien !!

<style type="text/css">
#borders-box
{
margin: 0 30px;
width: 270px;
padding: 14px;

-moz-border-image: url('http://gdg.gangstar-world.com/image/cote.bmp') 27 27 27 27 round round;
-moz-border-top-image: url('http://gdg.gangstar-world.com/image/cadrehaut.bmp') 27 27 27 27 round round;

-webkit-border-image: url('http://gdg.gangstar-world.com/image/cote.bmp') 27 27 27 27 round round;
-webkit-border-top-image: url('http://gdg.gangstar-world.com/image/cadrehaut.bmp') 27 27 27 27 round round;
border-image: url('http://gdg.gangstar-world.com/image/cote.bmp') 27 27 27 27 round round;
border-top-image: url('http://gdg.gangstar-world.com/image/cadrehaut.bmp') 27 27 27 27 round round;
border: double orange 1em
}
</style>


<table id="borders-box" width="573" border="0" cellspacing="0" cellpadding="0">

        <tr>
     
          <td>Test<br />tewrtwetwetwetweeeeeeeeeeeeeeeeeeeeeeeeeeeee eeeeeeeeeeeeeeeeeeeee ddddddddddddddddddddddd</td>
         

        </tr>

      </table>
https://guerredesgangs.net & http://www.bazinio.ca & http://www.thestreet2.ca
blingcru
29/06/2011 à 20:28:35
blingcru
Membre
 Oui voila les bordure s'aligne pas :/
https://guerredesgangs.net & http://www.bazinio.ca & http://www.thestreet2.ca
Lolo44
29/06/2011 à 21:50:12
Lolo44
Membre
 As tu essayé de changer le margin ?
:exit: Accéder au site web de ce membre
ybouane
30/06/2011 à 20:23:37
ybouane
Admin
 Bonjour,
À mon avis, la manière la plus simple de faire ça est:
<div class="haut"></div>
<div class="centre">Texte</div>
<div class="bas"></div> .haut
{
width:600px;
height:45px;
background:url('http://gdg.gangstar-world.com/image/cadrehaut.bmp');
}
.centre
{
color:#ffffff;
width:600px;
padding-left:50px;
padding-right:50px;
background;url('http://gdg.gangstar-world.com/image/cote.png') repeat-y;
}
.bas
{
width:600px;
height:50px;
background:url('http://gdg.gangstar-world.com/image/cadrebas.bmp');
} Et utilise ce fichier pour cote.png:
http://img200.imageshack.us/img200/7357/cote.png
Image

Cordialement :)
Image
Pages: 1