Du HTML en CSS ?!

Résolu

monster-fr Messages postés 548 Date d'inscription Statut Membre Dernière intervention -
ixokal Messages postés 104 Date d'inscription Statut Membre Dernière intervention - 31 oct. 2008 à 19:29

Bonjour,
Voila j'ai un code que je voudrai transformé en css. Comment je peut faire?
C'est moi qui l'est tapé donc soyez indulgents.


<img
 style="position: absolute; left: 73px; width: 1249px; z-index: 1; top: 4px; height: 67px;"
 alt="" src="textures/xred1_2.jpg"><br>
<br>
<br>
<img
 style="position: absolute; width: 128px; height: 40px; top: 67px; left: 1074px;"
 alt="" src="textures/ik_gtrimh_lit1a.jpg"><br>
<img
 style="position: absolute; top: 67px; height: 5px; left: 71px; width: 1251px;"
 alt="" src="textures/qfraggel_gt_wall_4h.jpg"><br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 103px; left: 198px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="position: absolute; left: 325px; width: 128px; top: 107px; height: 126px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 107px; left: 580px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 107px; left: 963px;"
 alt="" src="textures/890.jpg"><br>
<br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 107px; left: 708px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 64px; height: 32px; position: absolute; top: 72px; left: 1195px; z-index: 1;"
 alt="" src="textures/light02.jpg"><br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 106px; left: 452px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 104px; left: 1186px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 128px; height: 128px; position: absolute; top: 105px; left: 1090px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="position: absolute; left: 594px; width: 258px; top: 68px; height: 40px;"
 alt="" src="textures/qfraggel_gt_trim_h_4.jpg"><br>
<img
 style="position: absolute; top: 68px; height: 40px; left: 336px; width: 261px;"
 alt="" src="textures/qfraggel_gt_trim_h_4.jpg"><br>
<img
 style="position: absolute; top: 69px; height: 38px; left: 848px; width: 229px;"
 alt="" src="textures/qfraggel_gt_trim_h_4.jpg"><br>
<img
 style="position: absolute; width: 16px; height: 479px; top: 74px; left: 1305px;"
 alt="" src="textures/ecel_mplatelightmtl.jpg"><br>
<img
 style="position: absolute; left: 72px; width: 16px; top: 68px; height: 479px;"
 alt="" src="textures/ecel_wlight01mtl.jpg"><br>
<img
 style="width: 128px; position: absolute; left: 214px; top: 68px; height: 40px;"
 alt="" src="textures/ik_gtrimh_lit1a.jpg"><br>
<br>
<img
 style="position: absolute; width: 60px; height: 51px; top: 14px; left: 1248px;"
 alt="" src="textures/bluemetalsupport2c_1vent.jpg"><br>
<img
 style="position: absolute; left: 145px; width: 70px; z-index: 1; top: 71px; height: 36px;"
 alt="" src="textures/light02.jpg"><br>
<br>
<br>
<img
 style="position: absolute; z-index: 1; left: 73px; width: 72px; top: 70px; height: 36px;"
 alt="" src="textures/light02.jpg"><br>
<br>
<br>
<br>
<img
 style="width: 128px; position: absolute; left: 72px; top: 106px; height: 126px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 128px; position: absolute; left: 836px; top: 107px; height: 129px;"
 alt="" src="textures/890.jpg"><br>
<img
 style="width: 64px; height: 32px; position: absolute; top: 72px; left: 1259px; z-index: 1;"
 alt="" src="textures/light02.jpg"><br>
<br>
<br>
<img
 style="position: absolute; left: 72px; width: 16px; top: 68px; height: 479px;"
 alt="" src="textures/ecel_wlight01mtl.jpg">

Afficher la suite

A voir également:

Du HTML en CSS ?!
Editeur html - Télécharger - HTML
Espace en html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
/Var/www/html/index.html ✓ - Forum Linux / Unix
Html download - Télécharger - HTML

4 réponses

Réponse 1 / 4

webjfr Messages postés 19 Date d'inscription Statut Membre Dernière intervention 12

Salut

<img
 style="position: absolute; left: 73px; width: 1249px; z-index: 1; top: 4px; height: 67px;"
 alt="" src="textures/xred1_2.jpg">

retire le contenu de "style" et mets un class :

<img class="image" alt="" src="textures/xred1_2.jpg">

puis dans ton fichier css tu mets :

.image { position: absolute; left: 73px; width: 1249px; z-index: 1; top: 4px; height: 67px; }

Réponse 2 / 4

nicolux Messages postés 1 Date d'inscription Statut Membre Dernière intervention 1

http://extranet.ipl.be/1BINWEB/document/cours/index.html

Tu dois créer un document texte en extension .css
Les règles CSS sont incluses dans un fichier séparé dont l'extension sera .css; par exemple style.css. Ce fichier est une feuille de style externe. Attention il ne faut surtout pas inclure dans le fichier .css la balise <style> qui est du HTML.
On ajoute à la page HTML un élément qui permet de faire le lien entre la page et son style qui a été enregistré dans le fichier d'extension .css
<link type="text/css" rel="stylesheet" href="style.css">
L'attribut href fait le lien avec le fichier CSS externe. rel indique au navigateur que le fichier lié est une feuille de style. type indique à ce même navigateur que le contenu du fichier lié est de type CSS.
Ensuite dans ta page html tu dois identifier tes balises html:
<img class ="imgUne" alt="tu dois mettre qqch" src="textures/xred1_2.jpg">
Puis dans ta page css tu dois définir le style
.imgUne
{
position: absolute;
left: 73px;
width: 1249px;
z-index: 1;
top: 4px;
height: 67px;"
}

Maitenant si tu veux définir toutes les images selon un certain style:
img
{
position: absolute;
left: 73px;
width: 1249px;
z-index: 1;
top: 4px;
height: 67px;"
}

Réponse 3 / 4

ixokal Messages postés 104 Date d'inscription Statut Membre Dernière intervention 5

Heu tout le code je c pas trop mais tu n' a qu'a séparer le code en HTML et CSS ex:
html:
<img src="image/tnt.jpg" width="250" height="250" class="HAOU" alt="ac/dc" /> image du groupe AC/DC

CSS:

{
position: absolute;
left: 750px;
top: 300px;
} et tu dis ou elle va

Exemple qui n'a rien avoir avec le tien pour l'emplacement ^^

Réponse 4 / 4

monster-fr Messages postés 548 Date d'inscription Statut Membre Dernière intervention 389

Oui transformer se code en CSS

Discussions similaires

Votre réponse

Discussions similaires