No stress land
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
No stress land

Sur ce forum on se prend pas la tête ! On est ici pour se retrouver entre amis !
 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  Connexion  
-24%
Le deal à ne pas rater :
PC Portable Gaming 15.6″ Medion Erazer Deputy P40 (FHD 144Hz, RTX ...
759.99 € 999.99 €
Voir le deal

 

 Table

Aller en bas 
4 participants
AuteurMessage
Yumi
La boss de Final Fantasy
Yumi


Nombre de messages : 188
Localisation : Nantes
Date d'inscription : 28/02/2006

Table Empty
MessageSujet: Table   Table EmptyDim 12 Mar - 13:35

Cadre autour d'un texte je voudrais le code SVP j'ai oublier -_-
Revenir en haut Aller en bas
http://www.tiger-grafic.superforum.fr
mike
archimage
mike


Nombre de messages : 821
Age : 43
Localisation : Lyon
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyDim 12 Mar - 17:19

tu m'en veux pas, je remets en public ce que je t'ai env par mp.
ça profitera pitetre à tlm Wink




quel genre de cadre ?
  • un tableau ?
  • un input (comme quand tu mets les titres d'un nouveau topic) ?
  • un textarea (comme quand tu rentres le texte d'un post) ?

il y a plusieurs manières de faire des cadres.

si c'est juste pour faire un habillage joli, le mieux est de faire un tableau.
dans ce cas, c'est :
Code:
<table border="1">
  <tr>
    <td height="100" width="200">
    blablabla
    </td>
  </tr>
</table>
Explications :
<table> ..... </table> => tu déclare un tableau
<tr> ..... </tr> => tu déclare un ligne pour le tableau
<td> .... </td> => tu déclare une cellule dans la ligne
border="1" => tu veux une bordure de 1px pour le tableau
height="..." width="..." => hauteur et largeur de la cellule (que tu peux mettre en pixel comme ici ou en pourcentage en rajoutant % après les chiffres de pourcentage). Tu peux aussi les mettre dans <table>, ça s'appliquera au tableau entier, mais tu peux pas le mettre dans <tr>

Si c'est pour faire un input :
Code:
<input type="text" size="50" value="Coucou" name="LeTexte">
Explications :
type="..." => c'est le type d'entrée que tu veux mettre (texte, bouton radio, password, bouton de soumission ... )
size="..." => c'est le nombre de caractères apparents (tu pourras en rentrer plus, mais tu en verras que ce nombre là ... je sais pas si je me fais bien comprendre ^^ )
value="..." => ça, c'est si tu veux qu'il y ait déjà un texte au chargement de la page (genre pour dire : "rentrer ici votre nom" ... des trucs du genre)
name="..." => ça, c'est le nom de variable que tu vas appeler plus tard pour récupérer la valeur (si c'est pour rentrer dans une bdd, par exemple)

pour les textarea :
Code:
<textarea row="..." cols="..." value="..." name="..."></textarea>
Explications :
row="..." => nombre de lignes visibles
cols="..."=> nombre de colonnes
le reste c'est comme au dessus
à noter que tu ferme la balise de textarea et pas celle d'input


bon, voilà, j'espère que j'aurais été complet et assez clair ^^



ADD-ON : Je rentre pas dans les <div> qui sont à mon sens le mieux, mais bon ... en débutant les <table> sont les plus simples Wink
Revenir en haut Aller en bas
http://www.la-haute-tour.info/
manga_jap
Amiral du Paradise Kanabeach II
manga_jap


Nombre de messages : 4957
Localisation : Dans mes pensées
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyLun 13 Mar - 15:25

ah le rouge *se frotte les znoeil *

très bonne explication ^^ vive les tableaux
Revenir en haut Aller en bas
http://kikujiro07.blogspot.com
mike
archimage
mike


Nombre de messages : 821
Age : 43
Localisation : Lyon
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyMar 14 Mar - 0:28

vive les div, tu veux dire :p

bon, mais ça, ça vient après .. quand on commence à vouloir bien faire Very Happy
Revenir en haut Aller en bas
http://www.la-haute-tour.info/
Pantoufle
Kad's Tigrée
Pantoufle


Nombre de messages : 205
Age : 29
Localisation : Dans la jungle, parlant à des tigres !
Date d'inscription : 25/02/2006

Table Empty
MessageSujet: Re: Table   Table EmptyMar 14 Mar - 11:03

Voila ma Yum' ! Maintenant ta de quoi faire tes tableau !

Super mike ! tres bien expliquer Wink Surprised

Enfin voila. Bizz a tousssss
Revenir en haut Aller en bas
http://Neografity.site.voila.fr
mike
archimage
mike


Nombre de messages : 821
Age : 43
Localisation : Lyon
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyMar 14 Mar - 12:27

mais de rien, de rien.
tant que tout le monde à compris Rolling Eyes


tiens, je vais faire le tuto sur les div, aussi Very Happy


ben, en fait, les div, c'est ....
Code:
<div> ... bla bla bla ... /div>
c'est tout con.
mais toute la puissance est quand on commence à mettre du css


genre, essayez ça :
dans le header
Code:
<STYLE type="text/css">
div.mike {background:black;
              color:gold;
              border:1px 1px 1px 1px;
              border-color:gold;
              border-style:dashed;
              padding: 5px 5px 5px 5px;
              margin : 5px 5px 5px 5px;
              font-family:times;
              font-size:10px;}
</STYLE>

dans le body
Code:
<div class="mike">Testons les div</div>


enfin, un petit lien pour en apprendre un peu plus sur les css (en fait, c'est THE bible en français concernant les css Wink ) :
pour css1 => http://www.yoyodesign.org/doc/w3c/css1/index.html
pour css2 => http://www.yoyodesign.org/doc/w3c/css2/cover.html
Revenir en haut Aller en bas
http://www.la-haute-tour.info/
manga_jap
Amiral du Paradise Kanabeach II
manga_jap


Nombre de messages : 4957
Localisation : Dans mes pensées
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyMar 14 Mar - 15:01

a un site en français ! cool
Revenir en haut Aller en bas
http://kikujiro07.blogspot.com
mike
archimage
mike


Nombre de messages : 821
Age : 43
Localisation : Lyon
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyMar 14 Mar - 15:43

bah, vi, que en anglais, quand même Very Happy

y'a aussi de bon site en français (comme le mien par exemple :p )
Revenir en haut Aller en bas
http://www.la-haute-tour.info/
manga_jap
Amiral du Paradise Kanabeach II
manga_jap


Nombre de messages : 4957
Localisation : Dans mes pensées
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyMer 15 Mar - 14:06

cte pub !!!!!!!
Revenir en haut Aller en bas
http://kikujiro07.blogspot.com
mike
archimage
mike


Nombre de messages : 821
Age : 43
Localisation : Lyon
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyMer 15 Mar - 16:41

nan ? quelle pub ? lol!
Revenir en haut Aller en bas
http://www.la-haute-tour.info/
Pantoufle
Kad's Tigrée
Pantoufle


Nombre de messages : 205
Age : 29
Localisation : Dans la jungle, parlant à des tigres !
Date d'inscription : 25/02/2006

Table Empty
MessageSujet: Re: Table   Table EmptyJeu 16 Mar - 22:22

mike a écrit:
nan ? quelle pub ? lol!

... "div.mike "...

ou encore <div class="mike">Testons les div</div>

Razz Pas vrai qu'c'est d'la pub, Mike, ?
Revenir en haut Aller en bas
http://Neografity.site.voila.fr
mike
archimage
mike


Nombre de messages : 821
Age : 43
Localisation : Lyon
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyJeu 16 Mar - 23:11

ben, en fait, le .mike correspond au class="mike"

j'aurais pu mettre toto mais j'en ai marre de mettre des exemples à la con ^^
Revenir en haut Aller en bas
http://www.la-haute-tour.info/
manga_jap
Amiral du Paradise Kanabeach II
manga_jap


Nombre de messages : 4957
Localisation : Dans mes pensées
Date d'inscription : 31/12/2005

Table Empty
MessageSujet: Re: Table   Table EmptyVen 17 Mar - 14:53

Citation :
y'a aussi de bon site en français (comme le mien par exemple :p )

moi je parlai de ça !
Revenir en haut Aller en bas
http://kikujiro07.blogspot.com
Contenu sponsorisé





Table Empty
MessageSujet: Re: Table   Table Empty

Revenir en haut Aller en bas
 
Table
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
No stress land :: Entre-Aide :: Ordinateur-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser