Transformer des attributs html en css?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Transformer des attributs html en css?

Phive

Raaah Lovely

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:

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

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

Publicité

antp

Super Administrateur
Champion des excuses bidons

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

THE REAL SMILEY

The Real Résistance!

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>

Phive

Raaah Lovely

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 /!\

THE REAL SMILEY

The Real Résistance!

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

:??:

Phive

Raaah Lovely

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 /!\

THE REAL SMILEY

The Real Résistance!

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:

Phive

Raaah Lovely

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 /!\

THE REAL SMILEY

The Real Résistance!

Phive a écrit :

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

Phive

Raaah Lovely

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 /!\

Publicité

Hermes le Messager

Breton Quiétiste

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

:??:

antp

Super Administrateur
Champion des excuses bidons

THE REAL SMILEY a écrit :

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

Hermes le Messager

Breton Quiétiste

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.

Phive

Raaah Lovely

ok bah je vais les laissé dans le code alors

sinon l'attribut valign ca existe en css ?

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

gm_superstar

Appelez-moi Super

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:

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

gm_superstar

Appelez-moi Super

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

antp

Super Administrateur
Champion des excuses bidons

Phive a écrit :

sinon l'attribut valign ca existe en css ?

vertical-align

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

gm_superstar

Appelez-moi Super

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

thwz

quoi mon pseudo imprononçable?

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 :

<tr>
<td><img src="avatar/***.jpg" border="0" width="80" height="80"></td>
<td></td>
<td></td>
<td class="petit"></td>
</tr><td class="portrait"></td>
</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.

thwz

quoi mon pseudo imprononçable?

merde, grosse faute dans mon code... rectification

Code :

<tr>
<td><img src="avatar/***.jpg" border="0" width="80" height="80"></td>
<td></td>
<td></td>
<td class="petit"></td>
</tr><tr colspan="4" class="portrait"></td>
</tr>

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?

Page générée en 0.150 secondes