Appliquer le style CSS de données au sein de TD, mais pas à la TD. Besoin de ligne de base du texte dans chaque TD. Maby texte-sélecteur d'attribut
J'ai besoin de texte, mais si je demande à la classe de TD ou de TR dans IE, Chrome et Opera toutes les cellules (arrière-plan et la bordure et le texte dans la cellule).
S'il vous plaît regarder exemple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.myClass td{
position:relative;
top:-8px;
color:blue;
}
.myClass {
position:relative;
top:-8px;
color:blue;
}
td { border: red solid 2px ;}
</style>
</head>
<body>
<p> </p>
<table width="384" height="89" border="2" cellpadding="0" cellspacing="3" bgcolor="#cccccc">
<tr >
<td width="109" bgcolor="#FFCC00"> </td>
<td width="255" bgcolor="#00CCFF" class="myClass">this TD have class=".myClass"</td>
</tr>
<tr class="myClass">
<td bgcolor="#999999"> </td>
<td bgcolor="#FFFF00">this TR have class=".myClass"</td>
</tr>
<tr>
<td bgcolor="#666666"> </td>
<td bgcolor="#FFFFFF"><span class="myClass">this text within span-tags (.myClass)</span></td>
</tr>
</table>
</body>
</html>
Firefox n'affectent pas si est appliqué à tr_or_td, affectent uniquement au texte de la durée de la balise.
Tous les navigateurs travail correct si dans tous les TD d'une ligne placer le texte dans
<span class="tdclass"> mytext in span-tag </span>
QUESTIONS) :
- Est-il un peu de css structure d'attribuer le style, seules les données au sein de TD, mais pas à ce TD
tr.myclass TD {}
dans IE, Opera, Chrome s'applique à toutes les cellules, dans Firefox ne fonctionne pas du tout.
- Est-il un sélecteur css de TEXTE - je veux dire par exemple:
.myclass > b
seront appliquées lors de la balise .myclass nous avons b-tag
maby certains mots comme EVERY_TEXT - peut-être ces derniers, par exemple:
.myclass > EVERY_TEXT {}
- quelqu'un peut-il suggérer une autre pratiques de texte dans toutes les cellules du tableau sans durée dans chaque cellule, et sans .js
Merci pour votre aide!
Vous ne pouvez pas appliquer un style au contenu à l'intérieur de la cellule, sans qu'il soit appliqué à la cellule elle-même. Pour cela, vous aurez besoin de mettre le contenu à l'intérieur d'un
span
, div
, ou p
tag et puis le style de façon appropriée. Malheureusement, c'est la seule façon de le faire avec HTML et CSS. Aussi, vous ne devez pas utiliser bgcolor
et à la place ont les couleurs définies dans la feuille de style pour les cellules de la table.OriginalL'auteur user1366742 | 2012-04-30
Vous devez vous connecter pour publier un commentaire.
Utilisation d'un astérisque pour sélectionner tous les éléments dans cette section du DOM, par exemple
Violon ici, si vous avez besoin de le vérifier
L'ai testé dans chrome, safari, opera, firefox, tous d'entre eux travaillent.
Désolé, mais il n'a pas d'aide à la "position:relative", "en haut:-8px" -, ce paramètre s'applique à bot TD et le texte à l'intérieur, paramètre dans votre style est "couleur", il s'applique uniquement à la police-couleur - PAS COMME paramètre de POSITION.
tout ce que j'ai essayer de travaux, et je peux à peine faire ce que vous voulez dire... Le
position
de la propriété des œuvres pour absolu et relative. jouer du Violon pour absolu et Violon relative. Si ce n'est pas ce que vous cherchez, veuillez préciser ce que vous avez besoin de différentes, car à partir de ce que je peux dire c'est que la question initiale a été de demander deDésolé pour les fautes dans mon texte en anglais). dans ie, opera, Chrome css-attribut "position" s'applique à la banque TD (la cellule) et le texte à l'intérieur de TD (cellule) - dans ce cas, la cellule avec le texte va jusqu' - MAIS j'ai BESOIN que LE TEXTE VA JUSQU' !!! VEUILLEZ 1. COPIER LE CODE À PARTIR DE LA PREMIÈRE RUBRIQUE, 2. ENREGISTRER AU FORMAT HTML 3. OUVERT EN • FIREFOX et • OPÉRA ou • CHROME ou • IE 4. voir les différences. ET VOUS COMPRENDREZ LE PROBLÈME 🙂 !
OriginalL'auteur orourkek
Vous pouvez ajouter une balise span autour du contenu dans le TD de la cellule et appliquer le style CSS à la balise span.
Si vous essayez juste de positionner le texte vous pouvez utiliser vertical-align. C', pour la plupart, ne s'applique qu'au texte.
J'utilise vertical-align:top et position:relative et top:-2px mais seulement vertical-align:top c'est pas assez (
OriginalL'auteur J.Money
Avez-vous essayer un négatif de rembourrage?
OriginalL'auteur bfavaretto
Si vous êtes toujours à la recherche de la réponse à cette question, vous devez configurer la frontière, à la td et th) - dans IE présent l'emporte sur le jeu de couleurs sur l'ensemble de l'élément. Par exemple, ajouter ceci dans votre css, maintenant IE vont l'utiliser pour le style de la frontière et le jeu de couleurs sur les td ne changera pas!
OriginalL'auteur PaulN