> Tous les forums > Forum des Webmasters
 Texte dans tableau
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Super_GEGE
  Posté le 17/06/2015 @ 13:47 
Aller en bas de la page 
Astucien


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.

Publicité
elle
 Posté le 17/06/2015 à 18:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu as mis du padding dans tes cellules?

SLONINK
 Posté le 17/06/2015 à 19:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Peux tu poster le script ça sera plus simple pour t'aider.

Super_GEGE
 Posté le 18/06/2015 à 02:30 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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>&nbsp;
</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">&nbsp;</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>&nbsp;</h3></td>
<td width="660"><h3 align="center">&nbsp;</h3></td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row">&nbsp;</th>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/charte_de_qualite.png" width="182" height="74" alt=""/></th>
<td>&nbsp;</td>
<td colspan="2" rowspan="7" valign="top"><p>MON TEXTE ICI</p></td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/les_differents.png" width="182" height="74" alt=""/></th>
<td><h3>&nbsp;</h3></td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/tarifs.png" width="182" height="74" alt=""/></th>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/adresse.png" width="182" height="74" alt=""/></th>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/plan.png" width="182" height="74" alt=""/></th>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/contact.png" width="182" height="74" alt=""/></th>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row"><img src="images/boutons/ajouter_aux_favoris.png" width="182" height="74" alt=""/></th>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th colspan="2" scope="row"><h2 align="left"><strong style="color: #FFF">MENU PRINCIPAL</strong><strong></strong></h2></th>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th scope="row">&nbsp;</th>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

*/



Modifié par Super_GEGE le 18/06/2015 03:40
elle
 Posté le 18/06/2015 à 02:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu as donné un style à ton paragraphe? Sinon, il prend les valeurs par défaut du navigateur...

Super_GEGE
 Posté le 18/06/2015 à 03:37 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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
elle
 Posté le 18/06/2015 à 03:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ce serait mieux avec un style (pour HTML5) :

<td style="vertical-align:top">

Super_GEGE
 Posté le 18/06/2015 à 04:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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
elle
 Posté le 18/06/2015 à 04:27 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu peux soit mettre un padding à la cellule, soit mettre une marge à ton paragraphe...

Publicité
Super_GEGE
 Posté le 18/06/2015 à 04:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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
elle
 Posté le 18/06/2015 à 04:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  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">

Super_GEGE
 Posté le 18/06/2015 à 05:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

ça marche !!!. Je te remercie beaucoup

Je te souhaite une très bonne journée.

elle
 Posté le 18/06/2015 à 05:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Merci, mais je vais commencer par essayer de passer une bonne nuit!

Super_GEGE
 Posté le 18/06/2015 à 05:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

ICI c'est 11h du mat

Bonne nuit

elle
 Posté le 18/06/2015 à 05:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ben ici, plutôt 11h du soir...

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
34,99 €Lot de 4 prises connectées Meross (16A, Alexa, Google, IFT) à 34,99 € avec le code KVALO8CD
Valable jusqu'au 18 Avril

Amazon fait une promotion sur le lot de 4 prises électriques connectées Meross qui passe à 34,99 € grâce au code promo KVALO8CD. On le trouve habituellement à 49,99 €. Ces prises 16A peuvent être contrôlées à distance avec l'application Meross dédiée mais également avec Alexa, Google Home et IFTTT. Vous pouvez programmer l'arrêt ou l'allumage des appareils branchés dessus suivant un planning et mesurer leur consommation électrique. 


> Voir l'offre
89,99 €Disque dur Western Digital Blue 4 To à 89,99 €
Valable jusqu'au 18 Avril

Cdiscount propose actuellement le disque dur Western Digital Blue 4 To à 89,99 €. Ce disque dur 3.5 pouces SATA III  tourne à 5400 tr/min. On le trouve ailleurs à partir de 100 €. 


> Voir l'offre
19,16 €Clé USB 3.0 Sandisk Ultra 128 Go à 19,16 €
Valable jusqu'au 18 Avril

Amazon propose la clé USB Sandisk Ultra d'une capacité de 128 Go à 19,16 €. Cette clé USB 3.0 est compatible USB 2.0 et offre de bons débits d'environ 100 Mo/s en lecture et en écriture. Le connecteur est rétractable pour éviter qu'il prenne la poussière.


> Voir l'offre

Sujets relatifs
Frontpage 2003 - mettre du texte dans un tableau [
editeur TinyMCE grande largeur texte dans page
Bulle de texte dans une zone cliquable
Empêcher les doublons dans un tableau javascript
respecter les espaces dans un texte en php
Sauter une ligne dans un fichier texte.
update texte dans base mysql
HTML nom destinataire dans le texte
taille max d'un clé dans tableau associatif
problème ajout Objet dans tableau
Plus de sujets relatifs à Texte dans tableau
 > Tous les forums > Forum Forum des Webmasters