JeuxOnLineForumsPlusConnectés : 281 (sites) | 503 (forums)Créer un compte
Forums divers
La Taverne
Les forums JOL > Forums divers > La Taverne > HTML tableau RSS
   
Répondre
Partager Outils Rechercher
Avatar de Akis
Akis
Alpha & Oméga
 
Avatar de Akis
 
J'ai sa...
Code:
<table width="160" border="0" cellpadding="0" cellspacing="0">
                       <tr> 
                        <td width="5" height=10"><img src="coinhg.gif" width="5" height="10"></td>
                        <td width="150" height=10"><img src="milieuh.gif" width="150" height="10"></td>
                        <td width="5" height=10"><img src="image" width="5" height="10"></td>
                      </tr>
                      <tr> 
                        <td width="5" height=10" nowrap background="image">&nbsp;</td>
                        <td width="150" height=10" bgcolor="464646"> 
                          <table width="150" border="0" cellpadding="0" cellspacing="0">
                            <tr> 
                              <td>
                                <div align="center"><img src="image" width="56" height="20"></div>
                              </td>
                            </tr>
                          </table>
                          <table width="150" border="0" cellpadding="0" cellspacing="0">
                            <tr> 
                              <td> 
                                <div align="center">menu 1<br>
                                  menu 2<br>
                                  menu 3</div>
                              </td>
                            </tr>
                          </table>
                        </td>
                        <td width="5" height=10" nowrap background="image">&nbsp;</td>
                      </tr>
                      <tr> 
                        <td width="5" height=10"><img src="image" width="5" height="10"></td>
                        <td width="150" height=10"><img src="image" width="150" height="10"></td>
                        <td width="5" height=10"><img src="image" width="5" height="10"></td>
                      </tr>
                    </table>
Je dois le mettre ou le valign ?
Lien direct vers le message - Vieux
Avatar de KarlK
KarlK
Empereur
 
Avatar de KarlK
 
<table width="160" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="5" height=10"><img src="coinhg.gif" width="5" height="10"></td>
<td width="150" height=10"><img src="milieuh.gif" width="150" height="10"></td>
<td width="5" height=10"><img src="image" width="5" height="10"></td>
</tr>
<tr>
<td width="5" height=10" nowrap background="image"> </td>
<td width="150" height=10" bgcolor="464646">
<table width="150" border="0" cellpadding="0" cellspacing="0 valign="top" >
<tr>
<td>
<div align="center"><img src="image" width="56" height="20"></div>
</td>
</tr>
</table>
<table width="150" border="0" cellpadding="0" cellspacing="0" valign="top" >
<tr>
<td>
<div align="center">menu 1<br>
menu 2<br>
menu 3</div>
</td>
</tr>
</table>
</td>
<td width="5" height=10" nowrap background="image"> </td>
</tr>
<tr>
<td width="5" height=10"><img src="image" width="5" height="10"></td>
<td width="150" height=10"><img src="image" width="150" height="10"></td>
<td width="5" height=10"><img src="image" width="5" height="10"></td>
</tr>
</table>
Lien direct vers le message - Vieux
Avatar de Lango
Lango
 
Avatar de Lango
 
Citation:
Provient du message de Tagnar
CSS je connais pas et j'ai pas le temps d'apprendre en fait
tu en as pour 15 mins à lire un tutoriel quelconque...

et tu gagneras plein de temps après en écrivant du code html 100 fois plus lisible et 100 fois plus concis... et en plus la mise en page sera plus élégante
Lien direct vers le message - Vieux
Avatar de KarlK
KarlK
Empereur
 
Avatar de KarlK
 
Citation:
Provient du message de Lango Silma
tu en as pour 15 mins à lire un tutoriel quelconque...

et tu gagneras plein de temps après en écrivant du code html 100 fois plus lisible et 100 fois plus concis... et en plus la mise en page sera plus élégante
Totalement d'accord avec Poulpi ! Je dois dire que le site cité ci dessus Open Web m'a donné envie de franchir le pas et de ne plus faire un mélange hybride de CSS et html.
En plus, franchement le css est vraiment facile à comprendre et beaucoup plus propre !
Lien direct vers le message - Vieux
Avatar de Lango
Lango
 
Avatar de Lango
 
Citation:
Provient du message de Miaou
Totalement d'accord avec Poulpi ! Je dois dire que le site cité ci dessus Open Web m'a donné envie de franchir le pas et de ne plus faire un mélange hybride de CSS et html.
En plus, franchement le css est vraiment facile à comprendre et beaucoup plus propre !
mais heu je m'appelle pas poulpi !!! et je serais toi je ne dénigrerais pas les tentacules, sinon quand je vais dominer le monde tu seras le premier à être réduit en esclavage

sinon pour revenir dans le sujet et en remettre une couche sur les CSS, je rappelle que le format CSS est l'aboutissement de nombreux développeurs web qui pendant des années ont souffert du fait que le html soit inadapté à la mise en page... donc maintenant que ça existe, çc'est vraiment bête de pas les utiliser... surtout que (je sais je me répète mais c'est important) les CSS sont vraiment intuitifs et faciles à utiliser, bien plus que le html. Donc si tu maitrises le html tu en as très peu de temps pour apprendre à les maitriser, et ce temps sera très vite rentabilisé étant donné que tu auras moins d'efforts à fournir pour faire ta page web
Lien direct vers le message - Vieux
Avatar de Akis
Akis
Alpha & Oméga
 
Avatar de Akis
 
Sa fonctionne tjrs pas Miaou... Bon tampis

v lire les tutoriaux pr le CSS alors
Lien direct vers le message - Vieux
Nirthael
Alpha & Oméga
 
valign n'est pas un attribut de la balise <table>, mais de <td> ou <tr>.

Donc dans le code de ta table, tu dois mettre valign="top" dans la balise <td> de la cellule contenant la table.

Mais comme tu peux le voir, c'est le gros bordel à mettre en place, et à relire ensuite c'est l'horreur...

La lisibilité du code, c'est primordial si tu veux faire des changements plus tard.

Et puis les fichiers générés pèsent pas loin de 50 à 80% Ko de moins, à relire, c'est plus rapide ^^
Lien direct vers le message - Vieux
Avatar de Akis
Akis
Alpha & Oméga
 
Avatar de Akis
 
Suis d'accord avec toi
Lien direct vers le message - Vieux
Avatar de Akis
Akis
Alpha & Oméga
 
Avatar de Akis
 
En gros ça doit me donner sa ?
Code:
<td width="160">
                    <table width="160" border="0" cellpadding="0" cellspacing="0">
                      <tr valign="top">
                        <td>&nbsp;</td>
                      </tr>
                    </table>
Si c sa ben ça fonctionne pas :/
Lien direct vers le message - Vieux
Nirthael
Alpha & Oméga
 
Code:
<table>
 
 <tr>
  
  <td valign="top"> <!-- colonne 1, contenu en haut -->
   <table>
    <tr>
     <td> </td>
    </tr>
   </table>
  </td> <!-- fin de la colonne 1 -->

  <td valign="middle"> <!-- colonne 2, contenu au milieu -->
   <table>
    <tr>
     <td> </td>
    </tr>
   </table>
  </td> <!-- fin de la colonne 2 -->
  
  <td valign="bottom"> <!-- colonne 3, contenu en bas -->
   <table>
    <tr>
     <td> </td>
    </tr>
   </table
  </td> <!-- fin de la colonne 3 -->
 
 </tr>

</table>
En gros, c'est ça.
Mais bon, c'est vraiment un gros bordel

Je crois que je préfère largement ça :

Code:
<div id="colonne1">
 <!-- contenu de ta colonne -->
</div>

<div id="colonne2">
 <!-- contenu de ta colonne -->
</div>

<div id="colonne3">
 <!-- contenu de ta colonne -->
</div>
Et que l'on peut ensuite placer où l'on veut avec un CSS de ce type là :

Code:
div#colonne1 {
width: 160px;
position: absolute;
top: 0;
left: 0;
}

div#colonne2 {
position: absolute;
top: 0;
right: 170px;
left: 170px;
}

div#colonne3 {
width: 160px;
position: absolute;
top: 0;
right: 0;
}
Enfin, les largeurs en px, c'est pas forcément le mieux mais... enfin, c'est plus clair, non ?
Lien direct vers le message - Vieux
Avatar de Furiouss
Furiouss
Alpha & Oméga
 
Avatar de Furiouss
 
Talking
Je sais que ce que ce que j'avais dis était crade, mais bon j'ai pas reflechi et j'ai donné une méthode qui meme si elle marche pas à tous les coups, peut marcher
Lien direct vers le message - Vieux
Avatar de Calligan
Calligan [PvP]
Bagnard
 
Avatar de Calligan
 
Tu prend dreamweaver et tu fait pas chier bouley !

http://www.macromedia.com

Tout le monde maintenant bosse sur se soft pour faire des pages web , alors t'ecoute un peu quand on te parle ou sinon tu demande pas de l'aide.

Je sais pas pkoi vous vous efforcer a taper du code alors quel sera jamais ou le placer dans la page , surtout quand vous precisez pas que les css sont a mettre dans la balise <head></head> avec la balise <style></style> .
Lien direct vers le message - Vieux
Avatar de Elric l'aigri
Elric l'aigri
Bagnard
 
Avatar de Elric l'aigri
 
Citation:
Provient du message de Calligan
Tout le monde maintenant bosse sur se soft pour faire des pages web
Voix du Chirac des Guignols de l'Info :
VETO !
Lien direct vers le message - Vieux
Avatar de Lango
Lango
 
Avatar de Lango
 
Citation:
Provient du message de Nirthael / Pépin
Enfin, les largeurs en px, c'est pas forcément le mieux mais... enfin, c'est plus clair, non ?
en fait c'est plus clair en pourcentage et en plus c'est adapté à toutes les tailles de fenetres.

Citation:
Provient du message de Calligan
Tout le monde maintenant bosse sur se soft pour faire des pages web
ravi que tu connaisse l'ensemble de la communauté des développeurs web suffisamment bien pour savoir comment ils font leurs pages web...
n'empèche que
  • c'est faux, tout le monde n'utilise pas ce logiciel, qui de plus est payant et que la personne qui demande de l'aide ne possède pas forcément
  • la personne par du code html, donc ta solution est inadaptée à sa demande

Citation:
Je sais pas pkoi vous vous efforcer a taper du code alors quel sera jamais ou le placer dans la page , surtout quand vous precisez pas que les css sont a mettre dans la balise <head></head> avec la balise <style></style> .
Parce que les CSS ne se mettent pas forcément dans le head du code HTML, ils peuvent aussi être inclus dans un fichier annexe, fourni grâce à un <link type="text/css" rel="stylesheet" href="nomdufichier.css"/>.
On trouve cette information dans n'importe quel tutoriel.
Lien direct vers le message - Vieux
Avatar de bowakawa
bowakawa
Alpha & Oméga
 
Avatar de bowakawa
 
Citation:
Provient du message de Calligan
Tu prend dreamweaver et tu fait pas chier bouley !

http://www.macromedia.com

Tout le monde maintenant bosse sur se soft pour faire des pages web
N'importe quoi, y'a rien de plus contraignant pour faire des pages web qu'un soft, moi et plusieurs de mes collègues ont code tout à la main.

Le code est ainsi plus propre, moins lourd, et on commente à volonté.

Codeur Powa!
Lien direct vers le message - Vieux
Répondre
Les forums JOL > Forums divers > La Taverne > HTML tableau
   

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés

Outils Rechercher
Rechercher:

Recherche avancée

Thème visuel : Fuseau horaire GMT +1. Il est actuellement 03h17.
   

© JeuxOnLine, le site des MMO, MMORPG et MOBA. Tous droits réservés. - Conditions générales d'utilisation - Conditions d'utilisation des forums - Traitement des données personnelles - ! Signaler un contenu illicite