|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
rottman
WRInaute accro
Inscrit le: 06 Jan 2004
Messages: 2096
|
 Posté le : Mar Mai 03, 2005 21:48 Sujet du message: tableau en css |
|
|
Bonjour,
Désolé en XHTML strict/CSS2 j'ai honte, j'suis vraiment trop nul... 
J'aimerais transformer :
| Code: |
<form...........>
<table align="center" border="0" cellpadding="0">
<tr>
<td width="172">blabla :</td>
<td width="167"><select>.......</select></td>
</tr>
<tr>
<td>blabla :</td>
<td><select>.......</select></td>
</tr>
<tr>
<td>blabla :</td>
<td><select>.......</select></td>
</tr>
</table>
<input type="button"........>
</form> |
j'arrive même pas à aligner un texte avec le menu déroulant...
lorsque je mets le <table> dans un div et que je mets text-align:center; pour ce div, le <table> est centré sous IE mais pas Firefox
Je voudrais remplacer ce <table> par des <div> en gardant le même design, mais comment ?!
 Merci ! |
|
| |
|
 |
aladdin
WRInaute passionné
Inscrit le: 29 Avr 2005
Messages: 743
|
| Posté le : Mar Mai 03, 2005 21:55 Sujet du message: tableau en css |
|
|
il faut carrement virrer les <table> <tr> et <td> et les remplacer par des <div class="nomdeclasse">
pour les mise en fore des <div> au format tabeau il suffit de modifier le display dans les css du div regarde ici http://www.w3schools.com/css/pr_class_display.asp
tu peut aussi utiliser float:left / float:right pour le positionnement de tes colonnes
et pour des tutorials sur la mise en page en css sans tableaux google est ton meilleur ami  |
|
| |
|
|
rottman
WRInaute accro
Inscrit le: 06 Jan 2004
Messages: 2096
|
| Posté le : Mar Mai 03, 2005 22:06 Sujet du message: tableau en css |
|
|
Merci de ton aide
J'ai enfin réussi |
|
| |
|
|
spout
WRInaute passionné
Inscrit le: 14 Mai 2003
Messages: 712
Localisation: Manhay (Belgique)
|
|
| |
|
|
jeangab
WRInaute occasionnel
Inscrit le: 25 Fév 2004
Messages: 182
|
| Posté le : Mar Mai 03, 2005 22:36 Sujet du message: tableau en css |
|
|
| mise en forme sans tableau, oui, mais il ne faut quand meme pas les bannir a tous jamais de nos pages, ils font partie du xhtml., c'est seulement les pages "all table" qui sont a proscrire. |
|
| |
|
|
spout
WRInaute passionné
Inscrit le: 14 Mai 2003
Messages: 712
Localisation: Manhay (Belgique)
|
|
| |
|
|
tigrou
WRInaute discret
Inscrit le: 29 Fév 2004
Messages: 83
Localisation: Montpellier
|
| Posté le : Mar Mai 03, 2005 22:56 Sujet du message: tableau en css |
|
|
non il ne faut pas bannir les tableaux, il faut juste s'en servir pour présenter des données ...
... TA-BU-LAI-RE !! |
|
| |
|
|
jeangab
WRInaute occasionnel
Inscrit le: 25 Fév 2004
Messages: 182
|
| Posté le : Mar Mai 03, 2005 23:05 Sujet du message: tableau en css |
|
|
| exact, les tableaux servent a presenter des données sous une forme tabulaire, il serait bete de s'en passer, seule la mise en page uniquement via des tableaux imbriqués n'est pas des plus subtile, et a contrario, presenter des données tabulaires via "div" ne l'est pas plus.... |
|
| |
|
|
st-antigone
WRInaute accro
Inscrit le: 18 Déc 2004
Messages: 1382
Localisation: entre mes deux oreilles.
|
| Posté le : Mer Mai 04, 2005 10:11 Sujet du message: tableau en css |
|
|
| jeangab a écrit: |
| mise en forme sans tableau, oui, mais il ne faut quand meme pas les bannir a tous jamais de nos pages, ils font partie du xhtml., c'est seulement les pages "all table" qui sont a proscrire. |
une question de débutant,
pourquoi ?
pour ma part,
les pages de liens je les fais en "all table",
je trouve cela bien pratique pour les modifier et pour les lire ...
j'ai fais aussi des pages menus sous forme de tableaux, très pratique aussi,
c'est quoi mon erreur ? |
|
| |
|
|
jeangab
WRInaute occasionnel
Inscrit le: 25 Fév 2004
Messages: 182
|
| Posté le : Mer Mai 04, 2005 10:58 Sujet du message: tableau en css |
|
|
oui, ca fonctionne tres bien, mais c'est une utilisation "detournée" des tableaux, ils ne sont pas prevu a l'origine pour faire de la mise en page, c'est un peu comme si tu mangeait de la soupe avec une fourchette.
plus d'info sur http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/ |
|
| |
|
|
aladdin
WRInaute passionné
Inscrit le: 29 Avr 2005
Messages: 743
|
| Posté le : Mer Mai 04, 2005 11:29 Sujet du message: tableau en css |
|
|
| st-antigone a écrit: |
pour ma part,
les pages de liens je les fais en "all table",
je trouve cela bien pratique pour les modifier et pour les lire ...
j'ai fais aussi des pages menus sous forme de tableaux, très pratique aussi,
c'est quoi mon erreur ?
|
l'utilisation des tableaux pour la mise en page n'est pas tres pratique pour avoir un site accessible sur divers types de navigateurs,
tu me dira qu'internet explorer et firefox font tout les deux 95% de la part des navigateurs utilisés, mais pense un peut au autres utilisateurs ...
en plus la mise en page avec des <div> est beaucoup plus legère et permet d'avoir differentes mises en page à la volé, elle permet aussi de séparrer les données du format (xhtml pour les données et css pour le format)
| Code: |
<table>
<tr>
<td colspan="2">entete</td>
<tr>
<tr>
<td>gauche</td>
<td>droite</td>
<tr>
</table>
|
devient :
| Code: |
<div class="header">
entete
</div>
<div class="left">
gauche
</div>
<div class="right">
droite
</div>
|
en utilisant le css :
| Code: |
div.header
{
clear:both;
}
div.left
{
float:left;
}
div.right
{
float:right;
}
|
tu vois bien qu'avec les div tu as moin de niveaux, et ton code devient beaucoup plus clair et la mise en page plus naturelle |
|
| |
|
|
chooky
WRInaute occasionnel
Inscrit le: 12 Sep 2004
Messages: 102
Localisation: saint martin
|
| Posté le : Sam Mai 07, 2005 16:06 Sujet du message: tableau en css |
|
|
Bonjour et merci pour ce post qui répond carément à ma recherche.
Le site de mon profil a été totalement réalisé en tableau (tableaux imbriqués) et je vais démarrer la version Anglaise et je souhaiterais donc savoir comment évoluer vers le CSS.
J'ai lu pas mal de tuto, mais je n'ai guère progressé.
Est ce que un aimable wrinaute pourrait me dire s'il est possible de représenter exactement mon entête en CSS ? |
|
| |
|
|
Vincent_prague
WRInaute impliqué
Inscrit le: 12 Mar 2005
Messages: 267
Localisation: Prague
|
|
| |
|
|
st-antigone
WRInaute accro
Inscrit le: 18 Déc 2004
Messages: 1382
Localisation: entre mes deux oreilles.
|
| Posté le : Sam Mai 07, 2005 18:49 Sujet du message: tableau en css |
|
|
| aladdin a écrit: |
| st-antigone a écrit: |
pour ma part,
les pages de liens je les fais en "all table",
je trouve cela bien pratique pour les modifier et pour les lire ...
j'ai fais aussi des pages menus sous forme de tableaux, très pratique aussi,
c'est quoi mon erreur ?
|
l'utilisation des tableaux pour la mise en page n'est pas tres pratique pour avoir un site accessible sur divers types de navigateurs,
tu me dira qu'internet explorer et firefox font tout les deux 95% de la part des navigateurs utilisés, mais pense un peut au autres utilisateurs ...
en plus la mise en page avec des <div> est beaucoup plus legère et permet d'avoir differentes mises en page à la volé, elle permet aussi de séparrer les données du format (xhtml pour les données et css pour le format)
| Code: |
<table>
<tr>
<td colspan="2">entete</td>
<tr>
<tr>
<td>gauche</td>
<td>droite</td>
<tr>
</table>
|
devient :
| Code: |
<div class="header">
entete
</div>
<div class="left">
gauche
</div>
<div class="right">
droite
</div>
|
en utilisant le css :
| Code: |
div.header
{
clear:both;
}
div.left
{
float:left;
}
div.right
{
float:right;
}
|
tu vois bien qu'avec les div tu as moin de niveaux, et ton code devient beaucoup plus clair et la mise en page plus naturelle |
merci, je vais regarder si je peux sans problème transposer ce que j'ai déjà fait, de table en div ... |
|
| |
|
|
| |
|
|
