Puis-je mettre une image dans un <td> tag à l'aide de CSS?

J'ai le code HTML suivant:

<td colspan="23"><img src="images/layout_15.gif" width="887" height="115"></td>

Mais je me demandais si cela peut être changé en quelque chose comme:

<td colspan="23" class="something">

ou:

<td colspan="23" id="something">

et puis je peux définir un style pour l'image dans un fichier CSS? Si oui, comment, et est-il préférable de le faire de cette façon?

Pourquoi êtes-vous à l'aide de tableaux de mise en page?
-1 pour @Sime Vidas
Pourquoi? ...
si vous utilisez les tables de droite sont grands pour la mise en page. pourquoi vous n'aimez pas les tables??
1. les tableaux ne sont pas aussi flexibles que les mises en page CSS, 2. à l'aide de tableaux pour le design ajoute de la logique de présentation de votre balisage (présentation et le contenu doivent être séparés), 3. des tableaux imbriqués sont l'enfer, 4. tables, il est plus difficile pour les moteurs de recherche pour indexer vos pages, 5. les tables ne peuvent pas être rendus jusqu'à la table et tous ses enfants ont été analysés, 6. les tables sont prévu pour des données tabulaires... Dois-je aller?

OriginalL'auteur Newbtophp | 2010-12-26

css html

3

Je ne voudrais pas remplacer le width et height les attributs d'un <img> de la balise avec le CSS. Image Bitmap fichiers de façon inhérente des pixels de largeur et de hauteur, et que l'information est utile pour le navigateur (pour la mise en page) avant que le fichier CSS est téléchargé et analysée.

Après avoir relu votre question si, peut-être que vous essayez de vous débarrasser de l' <img> tag en tout? Si donc, si vous avez ce code HTML:
```
<td colspan="23" class="something"></td>
```
Vous pouvez obtenir l'image pour l'afficher dans:
```
.something {
    width: 887px;
    height: 115px;
    background: url(images/layout_15.gif) left top no-repeat;
}
```
Noter que l'image du chemin d'accès au fichier CSS est relatif par rapport au fichier CSS.

OriginalL'auteur Paul D. Waite
2

Vous avez besoin d'un Descendant Sélecteur CSS de sorte que vous pouvez cibler les éléments de l'image en classe/id de <td>.

OriginalL'auteur Dave Anderson
1

Si vous voulez que toutes les images sont intégrées dans le td d'avoir la même largeur et la hauteur, vous pouvez utiliser:
```
.something img{
 width:887px;
 height:115px;
}
```
OriginalL'auteur Paul S

Entendez-vous comme cela?

CSS:

.something img { border: 10px solid red; }

HTML:

<td class="something"><img src="images/layout_15.gif"></td>

OriginalL'auteur Douglas

0

Absolument! C'est beaucoup mieux. Assurez-vous juste que vous n'êtes pas rebord de les utiliser pour faire des mises en page. Les Tables doivent être utilisées uniquement pour des données tabulaires.

si votre code html est:
```
<td class="first"></td>
```
Alors votre CSS peut être
```
.first {
background: #ccc;
border: 1px solid #999;
font-size: 16px;
}
```
Par exemple, bien sûr.

OriginalL'auteur KTastrophy

Vous devez vous connecter pour publier un commentaire.