HTML :Comment centré une image dans un cadre?

Question

Bonjour,

J'ai un problème en HTML

J'aimerai connaître le code pour centré une image dans un cadre d'une table sans quel soit étiré ou modifier, juste pour que les excédent de l'image soit caché.

Voila mon code :

<td rowspan="5" valign="top" width="379" height="265" background="0007.jpg"></td>

Mon image fait 379 de largeur x 284 de hauteur

Donc je veux que 19 pixel soit enlever en hauteur (haut et bas en proportion).

Merci

kadeh · Answer

Bonjour, @+ Bonnes fêtes et bonne année à tout le monde.

Utilisateur anonyme · Answer

Merci ça fonctionne à merveille! :)

J'ai une autre question, je ne sait pas si je suis mieux de commencer un autres sujet..

Quand je suis sur internet explorer et je vais de page en page de mon site web tout est stable et bien fait mais quand je vais sur firefox, et bien dans mes page web il y a un bug : dès que ma page web fait apparaitre la flèche de défilement a droite quand il y a plus de contenu, et bien ma page web (la table principale et tout le contenu qui s'y attache, et non mon arrière plan qui lui reste stable) se déplace un petit peu vers la gauche. c'est pas trop gênant mais ça fait un peu bizarre.

Comment faire pour que tout reste stable comme dans internet explorer?

Merci

Utilisateur anonyme · Answer

Merci pour les réponse.

Mon code source est très pauvre. Il a le head le body et mes table. Il y a vraiment rien de spécial que j'ai ajouter à part un css dans le head : 

<link rel="stylesheet" type="text/css" href="exemple.css">)

Sinon c'est uniquement des table avec des cellule, aucun script.

Utilisateur anonyme · Answer

Voici le code de ma page HTML : mapageweb

test

test		photo

		photo

Et voici mon code du fichier mapageweb.css : body{ cursor: default; } a:link{ cursor: pointer; } MARGIN-TOP: 0px; FONT-SIZE: 12pt; MARGIN-BOTTOM: 0px; COLOR: black; FONT-FAMILY: Arial, Verdana; BACKGROUND-COLOR: white } INPUT { FONT-SIZE: 12pt; COLOR: navy } A.BlueUnder:link { COLOR: blue; TEXT-DECORATION: none } A.BlueUnder:visited { COLOR: blue; TEXT-DECORATION: none } A.BlueUnder:active { COLOR: navy; TEXT-DECORATION: none } A.BlueUnder:hover { COLOR: blue; TEXT-DECORATION: underline } A:link { FONT-SIZE: 12pt; COLOR: #000000; TEXT-DECORATION: none } A:visited { COLOR: #000000; TEXT-DECORATION: none } A:active { COLOR: navy; TEXT-DECORATION: none } A:hover { COLOR: black; TEXT-DECORATION: underline } A.LeftNav:active { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: black; TEXT-DECORATION: none }

Utilisateur anonyme · Answer

up

Utilisateur anonyme · Answer

UP

kadeh · Answer

Bonjour, 

J'ai quelques remarques qui peuvent vous aider: 
- Utiliser la balise code "<>" pour poster le code source sur CCM. 
- Bien renseigner le "DOCTYPE" de vos pages. 
- Utiliser les div pour la mise en page, les tableaux HTML sont faits pour des  données tabulaires. 
- Séparer le contenu de la présentation, vous avez une feuille de style css externe (mapageweb.css), pourquoi vous utilisez le HTML. 
- L'indentation rend le code source plus clair et plus lisible. avec un code de quelques lignes ça passe, mais pour un code un peu long, c'est la galère! 
un exemple d'erreur dans votre code css:a:link{ 
cursor: pointer; 
} 
MARGIN-TOP: 0px; 
FONT-SIZE: 12pt; 
MARGIN-BOTTOM: 0px; 
COLOR: black; 
FONT-FAMILY: Arial, Verdana; 
BACKGROUND-COLOR: white 
} avec un code indenté vous pouvez facilement remarquer que vous  avez oublier le nom de la classe et le crochet d'ouverture(avant MARGIN-TOP):a:link{ 
   cursor: pointer; 
} 

   MARGIN-TOP: 0px; 
   FONT-SIZE: 12pt; 
   MARGIN-BOTTOM: 0px; 
   COLOR: black; 
   FONT-FAMILY: Arial, Verdana; 
   BACKGROUND-COLOR: white 
}
- en réponse à votre question, ie affiche toujours la barre de défilement alors que Firefox ne l'affiche qu'en cas de besoin. 
pour avoir le même comportement sur firefox mettez dans votre feuille de style css:html { 
 overflow-y: scroll; 
}
Quelques articles à consulter: 
Apprenez à créer votre site web ! 
Sur CCM: Fiches pratiques > Webmestre 
Les problèmes de la mise en page par tableaux 
Construire un site sans tableaux 

Bonne chance.

HTML :Comment centré une image dans un cadre?

7 réponses

Discussions similaires

Newsletters