CSS aidez moi s'il vous plait ^^'

Fermé
Zamoss - 13 nov. 2009 à 18:50
skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 - 13 nov. 2009 à 21:36
Bonjour,
Je suis vraiment très nul en CSS,mais je suis en cours de création d'un site,et quelqu'un m'a dit que pour faire une certaine chose(que je suis obligé de faire si je veux mettre moins d'un mois par page) j'avais besoin du CSS , mais je n'y comprends rien ><".
Quelqu'un va me donner des cours en programmation l'an prochain mais j'aimerai finir avant ^^
(bon vous allez dire de tout vous demander sur un plateau mais...)
_____________________________________________________________________________________


Je souhaite creer des pages pour mon site de jeu, dans lesquelles je vais mettre des "objets", avec l'image,les conditions pour les porter,la description et tout ca,mais bon je n'ai pas vraiment le temps à chaque fois de recopier tout le code etc vu le nombe d'objets que je veux y mettre.
Voyez-vous,je voudrai pouvoir marquer un truc du genre:

<objet-du-jeu>
   nom=Anneau Sombre
   niveau=150
   image=anneausombre.png
   effets=+100 life
   criteres=aucun
   description=Cet anneau est sympatoche
   Recette=x3 bouts de bois + x45 ferailles
   Autres informations=Il faut faire la quête numéro 6 pour acquérir cet objet.
</objet-du-jeu>


(j'espere que vous avez compris ce que je voulais dire.

Ce que je demande,c'est pas forcément qu'on me fasse tout le fichier CSS,seulement le début par exemple,que je comprenne et que je fasse la suite(c'est comme ca que j'ai appris tout le reste,je vois comment c'est fait et ce que ca donne,et j'essaye de refaire pareil ou modifier ce qui me plait pas)

Apres,j'ai fait un objet en pur html,mais bon pour m'y retrouver dedans j'ai un peu de mal ><
Voilà le code:
<tbody><tr>
<td style="width: 75%; text-align: left; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(78, 72, 62);" colspan="2"> [NOM DE L'OBJET ICI]
</td><td style="width: 25%; text-align: right; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(78, 72, 62);"> niv.[METTRE LE NIVEAU NECESSAIRE ICI]
</td></tr>
<tr>
<td style="width: 35%; text-align: center; vertical-align: middle;" rowspan="2"> <img src="/images/items/[NOM DE L'IMAGE ICI]">
</td><td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;"> Effets
</td><td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;"> Critères
</td></tr>
<tr>
<td style="vertical-align: top;"> [METTRE LES EFFETS ICI]

</td><td style="vertical-align: top;"> [METTRE LES CONDITIONS ICI]
</td></tr>
<tr>
<td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;" colspan="3"> Description
</td></tr>
<tr>
<td colspan="3"> [METTRE LA DESCRIPTION ICI]
</td></tr>
<tr>
<td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;" colspan="3"> Recette
</td></tr>
<tr>
<td colspan="3">[METTRE LA RECETTE ICI]

</td></tr>
<tr>
<td style="border-bottom: 1px solid rgb(78, 72, 62); color: rgb(78, 72, 62); font-weight: bold;" colspan="3"> Autres informations
</td></tr>
<tr>
<td colspan="2"> <span style="font-size: 95%; display: block;">[AUTRES INFORMATIONS] <br></span><span style="font-size: 85%;"></span>
</td></tr></tbody>

Voilà, dites moi si c'est impossible ou pas,si ça l'est je trouverai un autre moyen, Merci
A voir également:

1 réponse

skuti Messages postés 53 Date d'inscription dimanche 27 septembre 2009 Statut Membre Dernière intervention 29 janvier 2013 2
13 nov. 2009 à 21:36
Tout dépend de ce que tu veux que sa donne.

La ce que tu as fais c'est un tableau , mais d'aprés les exemples que tu nous a donné il faudrais plus une liste.
Pour ce faire c'est trés simple.
tu fais:
<ul>
<li>nom=Anneau Sombre</li>
<li>niveau=150</li>
<li>image=anneausombre.png</li>
<li>effets=+100 life</li>
<li>criteres=aucun</li>
<li>description=Cet anneau est sympatoche</li>
<li>Recette=x3 bouts de bois + x45 ferailles</li>
<li>Autres informations=Il faut faire la quête numéro 6 pour acquérir cet objet.</li>
</ul>

Ensuite je te conseille de faire le STYLE de la page dans un autre fichier de type css.
Il te suffit de créer un nouveau fichier que tu nome par exemple style.css .
Logiquement comme tu met .css il te met automatiquement le bon langage.
Et ensuite dans ton html entre les balises <head></head> tu met :

<link href="style.css" rel="stylesheet" type="text/css" media="screen"/>

Dans le href juste au dessus ,c'est l'adresse ou se trouve ton fichier css. Si ton fichier css est dans le meme dossier que ton html tu a juste a metre " nom_du_css.css", si c'est dans un sous dossier tu met "nom_du_sous_dossier/nom_du_css.css".

Et puis tu peut toujour allé voir cette adresse il y a plein de cour sympa et facile:
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
0