Transformer des attributs html en css?

Transformer des attributs html en css? - HTML/CSS - Programmation

Marsh Posté le 25-04-2003 à 22:38:48    

Hello,
 
voila j'ai besoin de votre aide car je ne m'y connais pas du tout en css.
j'aimerais transformer les attributs des ces lignes en style css:
 

<TD align="left"><IMG SRC="logo.jpg" WIDTH="253" HEIGHT="100" BORDER=0 ALT="Logo"></TD>

 
 

<TD bgcolor="#666666" align="center" colspan="2">

 
 

<TABLE cellpadding="0" cellspacing="0">

 
 
Voila merci a ce qui pourront m'aider :jap:


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 25-04-2003 à 22:38:48   

Reply

Marsh Posté le 25-04-2003 à 22:45:00    

le 1er:
 
<td style="text-align: left;"><img src="logo.jpg" width="253" height="100" style="border: none;" alt="Logo"></td>
 
le 2e:
<td style="background-color: #666666; text-align: center;" colspan="2">
 
le 3e:
<table cellpadding="0" cellspacing="0">
 
les style sont à mettre dans des classes si tu les utilises plusieurs fois


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 25-04-2003 à 22:46:17    

Je suis pas motivé pour te faire de grandes explications, mais voici un extrait de la css de mon site avec l'explication pour l'utiliser:
 

BODY {margin: 0;}
 
 
/* Style des Liens ------------------------------------ */
A:link    {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
A:visited {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
A:active  {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
A:hover   {font-family:arial; font-size:8pt; text-decoration:underline overline; color: #000000;}  
 
/* Style des Liens dans le menu du haut ---------------- */
A.menuh:hover   {text-decoration:none;}
 
/* Style des Liens dans le menu ----------------------- */
A.menu:link    {font-Weight:bold; font-size:10pt;}
A.menu:visited {font-Weight:bold; font-size:10pt;}
A.menu:active  {font-Weight:bold; font-size:10pt;}
A.menu:hover   {font-Weight:bold; font-size:10pt;}
 
/* Style des Tableaux ----------------------- */
TH  {font-family:arial; font-Weight:bold; font-size:10pt; background-color: #739ABD}
TD  {font-family:arial; font-size:10pt;}
 
/* Styles Textes ---------------------------- */
CODE {font-size:10pt;}
H1  {font-Weight:bold; font-size:10pt; text-align:left;}
 
/* Quelques styles définis -------------------*/
form {font size:10pt; font-Weight:bold; font-family:arial;}


Pour mettre un lien avec le style "menu", il suffit de faire:
 
<a class="menu" href=....>blabla</a>

Reply

Marsh Posté le 25-04-2003 à 22:54:55    

Oki merci bien pour votre aide :)
 
Sinon les attributs suivants ne sont pas adaptable en css  ? :
 
width
height
alt
colspan
cellpadding
cellspacing
 
 :??:


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 25-04-2003 à 22:58:47    

Phive a écrit :

Oki merci bien pour votre aide :)
 
Sinon les attributs suivants ne sont pas adaptable en css  ? :
 
width SI
height SI
alt NAN
colspan NAN
cellpadding SI
cellspacing SI
 
 :??:  

Reply

Marsh Posté le 25-04-2003 à 23:01:28    

hum oki est ca donne koi ? c'est pareil ?
je suppose que width et height c pareil mais les autres cellpadding et cellspacing j'ai jamais vu


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 25-04-2003 à 23:05:54    

Phive a écrit :

hum oki est ca donne koi ? c'est pareil ?
je suppose que width et height c pareil mais les autres cellpadding et cellspacing j'ai jamais vu


pour cellpading, c'est padding et pour cellspacing, je sais pas (peut-être spacing  :??: )
 
enfin bon, je pense que [:google] devrait t'aider dans ta recherche :jap:

Reply

Marsh Posté le 25-04-2003 à 23:10:15    

THE REAL SMILEY a écrit :


pour cellpading, c'est padding et pour cellspacing, je sais pas (peut-être spacing  :??: )
 
enfin bon, je pense que [:google] devrait t'aider dans ta recherche :jap:  


 
euh google non mais eo.st oui  :jap:  bon je chippote mais en tout cas encore merci pour votre aide vraiment !
 
ha oui encore une kestion (tin je vais me faire tapper sur les doights...:ange: )  
peut on mettre plusieurs class sur un meme td par exemple ?


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 25-04-2003 à 23:12:30    

Phive a écrit :


 
euh google non mais eo.st oui  :jap:  bon je chippote mais en tout cas encore merci pour votre aide vraiment !
 
ha oui encore une kestion (tin je vais me faire tapper sur les doights...:ange: )  
peut on mettre plusieurs class sur un meme td par exemple ?


J'ai jamais essayé, mais pourquoi voudrais tu faire ça ?

Reply

Marsh Posté le 25-04-2003 à 23:15:32    

THE REAL SMILEY a écrit :


J'ai jamais essayé, mais pourquoi voudrais tu faire ça ?


 
bon ok je viens de reflechir....question con...
 
Encore Merci  :jap:


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 25-04-2003 à 23:15:32   

Reply

Marsh Posté le 25-04-2003 à 23:21:24    

Phive a écrit :

Oki merci bien pour votre aide :)
 
Sinon les attributs suivants ne sont pas adaptable en css  ? :
 
width --> SI
height --> SI
alt --> NON
colspan --> NON
cellpadding --> Si (mais il vaut mieux éviter et continuer de le laisser dans la balise table).
cellspacing --> Idem
 
 :??:  

Reply

Marsh Posté le 25-04-2003 à 23:21:41    


 
heu pour le cellpadding/cellspacing pas exactement, ça donne pas tout à fait les mêmes résultats via CSS


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 25-04-2003 à 23:24:39    

antp a écrit :


 
heu pour le cellpadding/cellspacing pas exactement, ça donne pas tout à fait les mêmes résultats via CSS


 
C'est tolléré en XHTML 1.1 de les laisser dans le XHTML. Après quand ils auront résolus les problèmes, on s'en passera, c'est sur. ;)
 

Reply

Marsh Posté le 26-04-2003 à 00:34:14    

ok bah je vais les laissé dans le code alors :)
 
sinon l'attribut valign ca existe en css ?


---------------
/!\ Post powered by Phive-online.com /!\
Reply

Marsh Posté le 26-04-2003 à 00:43:58    

THE REAL SMILEY a écrit :

Je suis pas motivé pour te faire de grandes explications, mais voici un extrait de la css de mon site avec l'explication pour l'utiliser:
 

BODY {margin: 0;}
 
 
/* Style des Liens ------------------------------------ */
A:link    {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
A:visited {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
A:active  {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
A:hover   {font-family:arial; font-size:8pt; text-decoration:underline overline; color: #000000;}  
 
/* Style des Liens dans le menu du haut ---------------- */
A.menuh:hover   {text-decoration:none;}
 
/* Style des Liens dans le menu ----------------------- */
A.menu:link    {font-Weight:bold; font-size:10pt;}
A.menu:visited {font-Weight:bold; font-size:10pt;}
A.menu:active  {font-Weight:bold; font-size:10pt;}
A.menu:hover   {font-Weight:bold; font-size:10pt;}
 
/* Style des Tableaux ----------------------- */
TH  {font-family:arial; font-Weight:bold; font-size:10pt; background-color: #739ABD}
TD  {font-family:arial; font-size:10pt;}
 
/* Styles Textes ---------------------------- */
CODE {font-size:10pt;}
H1  {font-Weight:bold; font-size:10pt; text-align:left;}
 
/* Quelques styles définis -------------------*/
form {font size:10pt; font-Weight:bold; font-family:arial;}


Pour mettre un lien avec le style "menu", il suffit de faire:
 
<a class="menu" href=....>blabla</a>


Tu répètes beaucoup trop les mêmes propriétés. La plupart des valeurs sont héritées.
 
Un peu de nettoyage :
 

/* Style des Liens ------------------------------------ */  
a, a:visited, a:active {font-family:arial; font-size:8pt; text-decoration:none; color: #000000;}
a:hover {text-decoration:underline overline;}
 
/* Style des Liens dans le menu du haut ---------------- */
a.menuh:hover   {text-decoration:none;}
 
/* Style des Liens dans le menu ----------------------- */
a.menu, a.menu:visited, a.menu:active, a.menu:hover    {font-Weight:bold; font-size:10pt;}
 
/* Style des Tableaux ----------------------- */
TH  {font-family:arial; font-size:10pt; background-color: #739ABD}
TD  {font-family:arial; font-size:10pt;}
 
/* Styles Textes ---------------------------- */
CODE {font-size:10pt;}
H1  {font-size:10pt; text-align:left;}
 
/* Quelques styles définis -------------------*/
form {font size:10pt; font-Weight:bold; font-family:arial;}


 
Pas besoin de "font-weight: bold" pour TH et H1 qui sont déjà en gras.
Pour les familles de polices, ne pas oublieri une famille générique à la fin : "font-family: Arial, sans-serif;"


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 26-04-2003 à 00:46:51    

Sinon :
 
cellspacing -> border-spacing
cellpadding -> padding (appliqué à une élément <td> )
 
Attention, border-spacing n'est pas reconnu par IE donc mieux vaut continuer à utiliser cellspacing qui de toute façon est encore autorisé en XHTML 1.1 comme l'a dit Hermes.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 26-04-2003 à 00:49:43    

Phive a écrit :


 
sinon l'attribut valign ca existe en css ?


 
vertical-align


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 26-04-2003 à 00:50:12    

HotShot a écrit :

Tiens oui je me demandais : c'est pas "prudent" de "répéter" quand même font-weight:bold pour les trucs du genre <h1>... ? Au cas où ça viendrait à changer dans le futur, ou bien pour une plus grande "cohérence" ?


Effectivement il y a un risque. Mais je pense qu'il est minime. Je vois mal les éditeurs de navigateurs ne plus mettre <h1> en gras par défaut ;)
 
Mais si on est parano, alors oui on peut le mettre :D Ce n'est pas bien grave de toute façon. En tout cas moins que les propriétés répétées à outrance.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 27-04-2003 à 18:22:22    

up
donc, si j'ai bien suivi, impossible de retranscrir colspan en css?
parce que moi, ça m'embête de le répéter 30 fois...
 
et puis une autre question, qui aurait peut etre mérité un post:
 
 

Code :
  1. <tr>
  2.  <td><img src="avatar/***.jpg" border="0" width="80" height="80"></td>
  3.  <td></td>
  4.  <td></td>
  5. <td class="petit"></td>
  6.  </tr><td class="portrait"></td>
  7. </tr>


ce truc se répète 30 fois dans ma table...
impossible de supprimer les classes?
ne peut-on pas désigner automatiquement le 4ème td d'un tr pair?
ne peut-on pas désigner un tr impair?
ne peut-on pas affecter un style à l'img du 1er td d'un tr pair?
etc.

Reply

Marsh Posté le 27-04-2003 à 18:25:37    

merde, grosse faute dans mon code...  :D  rectification
 

Code :
  1. <tr>
  2. <td><img src="avatar/***.jpg" border="0" width="80" height="80"></td>  
  3. <td></td>  
  4. <td></td>  
  5. <td class="petit"></td>  
  6. </tr><tr colspan="4" class="portrait"></td>  
  7. </tr>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed