|
 Posté le 17/06/2015 @ 13:47 |
|
 j'ai un tableau de 6X8 cellules.
j'ai réservé deux lignes du haut pour le titre ainsi que les 2 premières colonnes
J'ai fusionné des cellules au milieu pour écrire du texte mais celui-ci commence 1/3 plus bas que le haut de la cellule.
Comment faire. |
|
|
|
|
|
Posté le 17/06/2015 à 18:54 |
 Grande Maîtresse astucienne | Tu as mis du padding dans tes cellules? |
|
Posté le 17/06/2015 à 19:54 |
Petit astucien
| Peux tu poster le script ça sera plus simple pour t'aider.
|
|
Posté le 18/06/2015 à 02:30 |
 Maître astucien | Je n'ai pas mis de padding dans mes cellules.Merci de votre aide, c'est juste un rapide brouillon pour me faire une idée. En 4 ans sans "coder", j'ai tout oublié 
Je voulais me former mais, je suis partit de France avec une vieille formation et mon accès Internet est très limité avec plein de sites impossibles à atteindre pour me former
Pour le texte que je veux placer : voir "MON TEXTE ICI";
PS : ça semble marcher avec <td colspan="2" rowspan="7" valign="top"><p>MON TEXTE ICI</p></td>
Merci de votre aide.
/* ~~
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<style type="text/css">
body {
background-color: #487d07;
}
</style>
</head>
<body>
<table width="1187" cellspacing="3" summary="Ce tableau permet de naviguer entre les différents types de massages, les contacts, les tarifs et toutes les informations utiles">
<caption>
</caption>
<tr>
<th width="183" rowspan="2" bgcolor="#000000" scope="col"><img src="images/yoga.jpg" width="123" height="126" alt=""/></th>
<th colspan="4" scope="col"><img src="images/titre_cocoon_massage.png" width="774" height="67" alt=""/></th>
</tr>
<tr>
<td width="83"> </td>
<td colspan="2"><img src="images/centre_de_bien_etre.png" width="761" height="101" alt=""/></td>
<td width="86" bgcolor="#000000"><img src="images/massage_tu_nui.gif" alt="" width="84" height="101" align="middle"/></td>
</tr>
<tr>
<th colspan="2" scope="row"><h2 align="left"><strong style="color: #FFF"> MENU PRINCIPAL</strong><strong></strong></h2></th>
<td width="104"><h3> </h3></td>
<td width="660"><h3 align="center"> </h3></td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/charte_de_qualite.png" width="182" height="74" alt=""/></th>
<td> </td>
<td colspan="2" rowspan="7" valign="top"><p>MON TEXTE ICI</p></td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/les_differents.png" width="182" height="74" alt=""/></th>
<td><h3> </h3></td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/tarifs.png" width="182" height="74" alt=""/></th>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/adresse.png" width="182" height="74" alt=""/></th>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/plan.png" width="182" height="74" alt=""/></th>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/contact.png" width="182" height="74" alt=""/></th>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/ajouter_aux_favoris.png" width="182" height="74" alt=""/></th>
<td> </td>
<td> </td>
</tr>
<tr>
<th colspan="2" scope="row"><h2 align="left"><strong style="color: #FFF">MENU PRINCIPAL</strong><strong></strong></h2></th>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row"> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
*/ Modifié par Super_GEGE le 18/06/2015 03:40 |
|
Posté le 18/06/2015 à 02:56 |
Grande Maîtresse astucienne | Tu as donné un style à ton paragraphe? Sinon, il prend les valeurs par défaut du navigateur... |
|
Posté le 18/06/2015 à 03:37 |
Maître astucien | non, je n'ai pas donné de style. Je vais voir ça.
En attendant, j'ai modiié mon code. ça semble marcher avec
/* ~~
<td colspan="2" rowspan="7" valign="top"><p>MON TEXTE ICI</p></td>
*/ Modifié par Super_GEGE le 18/06/2015 03:42 |
|
Posté le 18/06/2015 à 03:55 |
Grande Maîtresse astucienne | Ce serait mieux avec un style (pour HTML5) :
<td style="vertical-align:top"> |
|
Posté le 18/06/2015 à 04:19 |
Maître astucien | Tu as raison, ça va venir, c'est le premier jet pour me souvenir et apprendre en même temps. La version de Dreamweaver a tellement changée et moi aussi
Comment faire pour que le texte ne colle pas à la cellule ?. Modifié par Super_GEGE le 18/06/2015 04:20 |
|
Posté le 18/06/2015 à 04:27 |
Grande Maîtresse astucienne | Tu peux soit mettre un padding à la cellule, soit mettre une marge à ton paragraphe... |
|
Posté le 18/06/2015 à 04:40 |
Maître astucien | Merci beaucoup Elle 
C'est ce que je venais tout juste de comprendre mais, je ne trouve pas la syntaxe à ajouter dans la balise td. Pourrais tu me la donner.
PS : ce n'est pas plutôt margin ? Modifié par Super_GEGE le 18/06/2015 04:52 |
|
Posté le 18/06/2015 à 04:45 |
Grande Maîtresse astucienne | <td style="padding:25px">
Si tu veux juste le haut : padding-top:25px
Avec l'autre style de tantôt :
<td style="vertical-align:top;padding:25px"> |
|
Posté le 18/06/2015 à 05:03 |
Maître astucien | ça marche !!!. Je te remercie beaucoup 
Je te souhaite une très bonne journée. |
|
Posté le 18/06/2015 à 05:06 |
Grande Maîtresse astucienne | Merci, mais je vais commencer par essayer de passer une bonne nuit!  |
|
Posté le 18/06/2015 à 05:17 |
Maître astucien | ICI c'est 11h du mat 
Bonne nuit  |
|
Posté le 18/06/2015 à 05:26 |
Grande Maîtresse astucienne | Ben ici, plutôt 11h du soir... |
|
Texte dans tableau
À LA UNE
PRATIQUE
LOGITHÈQUE
TABLETTE ET MOBILE
BONS PLANS
FONDS D'ÉCRAN
JEUX
FORUM
