Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1896 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Transformer des attributs html en css?

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Transformer des attributs html en css?

n°372354
Phive
Raaah Lovely
Posté le 25-04-2003 à 22:38:48  profilanswer
 

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 /!\
mood
Publicité
Posté le 25-04-2003 à 22:38:48  profilanswer
 

n°372358
antp
Super Administrateur
Champion des excuses bidons
Posté le 25-04-2003 à 22:45:00  profilanswer
 

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
n°372361
THE REAL S​MILEY
The Real Résistance!
Posté le 25-04-2003 à 22:46:17  profilanswer
 

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>

n°372367
Phive
Raaah Lovely
Posté le 25-04-2003 à 22:54:55  profilanswer
 

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 /!\
n°372368
THE REAL S​MILEY
The Real Résistance!
Posté le 25-04-2003 à 22:58:47  profilanswer
 

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
 
 :??:  

n°372370
Phive
Raaah Lovely
Posté le 25-04-2003 à 23:01:28  profilanswer
 

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 /!\
n°372374
THE REAL S​MILEY
The Real Résistance!
Posté le 25-04-2003 à 23:05:54  profilanswer
 

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:

n°372378
Phive
Raaah Lovely
Posté le 25-04-2003 à 23:10:15  profilanswer
 

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 /!\
n°372380
THE REAL S​MILEY
The Real Résistance!
Posté le 25-04-2003 à 23:12:30  profilanswer
 

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 ?

n°372382
Phive
Raaah Lovely
Posté le 25-04-2003 à 23:15:32  profilanswer
 

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 /!\
mood
Publicité
Posté le 25-04-2003 à 23:15:32  profilanswer
 

n°372387
Hermes le ​Messager
Breton Quiétiste
Posté le 25-04-2003 à 23:21:24  profilanswer
 

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
 
 :??:  

n°372388
antp
Super Administrateur
Champion des excuses bidons
Posté le 25-04-2003 à 23:21:41  profilanswer
 


 
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
n°372390
Hermes le ​Messager
Breton Quiétiste
Posté le 25-04-2003 à 23:24:39  profilanswer
 

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. ;)
 

n°372431
Phive
Raaah Lovely
Posté le 26-04-2003 à 00:34:14  profilanswer
 

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


---------------
/!\ Post powered by Phive-online.com /!\
n°372436
gm_superst​ar
Appelez-moi Super
Posté le 26-04-2003 à 00:43:58  profilanswer
 

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
n°372438
gm_superst​ar
Appelez-moi Super
Posté le 26-04-2003 à 00:46:51  profilanswer
 

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
n°372441
antp
Super Administrateur
Champion des excuses bidons
Posté le 26-04-2003 à 00:49:43  profilanswer
 

Phive a écrit :


 
sinon l'attribut valign ca existe en css ?


 
vertical-align


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°372442
gm_superst​ar
Appelez-moi Super
Posté le 26-04-2003 à 00:50:12  profilanswer
 

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
n°373356
thwz
quoi mon pseudo imprononçable?
Posté le 27-04-2003 à 18:22:22  profilanswer
 

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.

n°373358
thwz
quoi mon pseudo imprononçable?
Posté le 27-04-2003 à 18:25:37  profilanswer
 

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>


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Transformer des attributs html en css?

 

Sujets relatifs
[HTML/JS] Barre de chargement / loading[html] Pourquoi ca ne marche pas ca (?) :
Editeur HTML[HTML] Formulaires
[C/C++]récupérer la source d'une page html[html]Mettre une image pour un bouton de formulaire ?
debutant total a besoin d'aide sur php et html[HTML] Menu en màj automatique pour page sans cadre
[HTML/PHP] Afficher la derniere date de modification[HTML/CSS] orientaiton du texte à 90°
Plus de sujets relatifs à : Transformer des attributs html en css?


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR