Comment faire pour modifier la taille de l’espace du titre

[serge4789]

Bonsoir à tous,

J’ai besoin de votre aide car mon admin et moi-même souhaiteraient savoir comment faire et surtout quoi modifier pour avoir plus d’espace en hauteur dans le titre d’un de nos tableau officiel.

Voici le code du tableau officiel + la présentation :

Code:

[table cellspacing="0" style="width: 100%; border: 1px solid #006699;"][tr][td style="background: url('http://i24.servimg.com/u/f24/11/54/95/77/repet110.png'); height: 100px; text-align: center; font-size: 24px;"][color=#1675BC][b]Page Diaporama :
Proposez-nous vos photos à ajouter[/b][/color][/td][/tr][tr][td style="background: #F7F7F7; padding: 8px;"][justify]Bonjour,

Vous souhaitez ajouter vos photos à la page [url=http://romano97002.free.fr/diaporama.html][color=#1675BC][b]Diaporama[/b][/color][/url] du site ?

Aucun problème !

Faites-le depuis ce topic :topic unique:

Voici les informations demandées :

► Adresse(s) images[color=red]*[/color] :
► Titre des différentes images :
► Commentaires éventuels :

[spoiler=Cliquez ici pour dérouler le spoiler][code][b]Adresse(s) images :[/b]
[b]Titre des différentes images :[/b]
[b]Commentaires éventuels :[/b][/code][/spoiler]
[color=red](*) Information obligatoire[/color]

[color=black][b]Conditions :[/b][/color]

[color=red]En nous envoyant vos images et photos, vous certifiez [b][u]avoir toutes les autorisations nécessaires de toutes les personnes[/u][/b] apparaissant sur ces dernières.

[b]Vous vous engagez également [u]à ne pas envoyer[/u] de photos pornographiques ou pouvant choquer.[/b]

Nous nous engageons à ne pas utiliser vos photos dans des but commerciaux, de les utiliser ou de les revendrent. Les photos que vous nous envoyez ne seront utilisées que pour être affichées dans le diaporama.[/color][/justify][/td][/tr][/table][table width=100% cellspacing=0 style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295;"][tr][td style="text-align: justify; background: #f7f7f7; padding-left: 5px;"][color=#0372BE][size=10]Ce tutoriel a été rédigé par romano97002.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.[/size][/color][/td][td width=140 height=100 style="background: #F7F7F7"][/td][/tr][/table]

Page Diaporama : Proposez-nous vos photos à ajouter

Bonjour, Vous souhaitez ajouter vos photos à la page Diaporama du site ? Aucun problème ! Faites-le depuis ce topic :topic unique: Voici les informations demandées : ► Adresse(s) images* : ► Titre des différentes images : ► Commentaires éventuels : Cliquez ici pour dérouler le spoiler: (*) Information obligatoire Conditions : En nous envoyant vos images et photos, vous certifiez avoir toutes les autorisations nécessaires de toutes les personnes apparaissant sur ces dernières. Vous vous engagez également à ne pas envoyer de photos pornographiques ou pouvant choquer. Nous nous engageons à ne pas utiliser vos photos dans des but commerciaux, de les utiliser ou de les revendrent. Les photos que vous nous envoyez ne seront utilisées que pour être affichées dans le diaporama.

Ce tutoriel a été rédigé par romano97002. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

Pourriez-vous me dire comment ajouter, comme je viens de le dire, plus d’espace en hauteur dans le titre ?

D’avance merci pour votre réponse et votre aide.

Veuillez agréez mes sentiments respectueux.

Au revoir et bonne soirée.

[Scipion]

Bonsoir

Une première proposition :

Code:

<table cellspacing="0" style="width: 100%; border: 1px solid #006699;"><tr><td align="left" style="background: url('http://i24.servimg.com/u/f24/11/54/95/77/repet110.png'); height: 100px; text-align: center; font-size: 24px;"><font color="#1675BC"><strong>Page Diaporama :
Proposez-nous vos photos à ajouter</strong></font><br><br></td></tr><tr><td align="left" style="background: #F7F7F7; padding: 8px;"><div align="justify">Bonjour,

Vous souhaitez ajouter vos photos à la page <a href="http://romano97002.free.fr/diaporama.html" class="postlink" target="_blank" rel="nofollow"><font color="#1675BC"><strong>Diaporama</strong></font></a> du site ?

Aucun problème !

Faites-le depuis ce topic :topic unique:

Voici les informations demandées :

► Adresse(s) images<font color="red">*</font> :
► Titre des différentes images :
► Commentaires éventuels :

<table class="spoiler" width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td style="cursor: pointer;"><span class="genmed"><b>Cliquez ici pour dérouler le spoiler:</b></span></td></tr><tr><td class="spoiler_closed"> </td><td class="spoiler_content hidden"></span><table width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td><span class="genmed"><b>Code:</b></span></td></tr><tr><td class="code"><div class="cont_code" curpos="0" maxpos="0" pageincrement="480" increment="10" collapsed="true">[b]Adresse(s) images :[/b]
[b]Titre des différentes images :[/b]
[b]Commentaires éventuels :[/b]</div></td></tr></table><span class="postbody"></td></tr></table><span class="postbody">
<font color="red">(*) Information obligatoire</font>

<font color="black"><strong>Conditions :</strong></font>

<font color="red">En nous envoyant vos images et photos, vous certifiez <strong><u>avoir toutes les autorisations nécessaires de toutes les personnes</u></strong> apparaissant sur ces dernières.

<strong>Vous vous engagez également <u>à ne pas envoyer</u> de photos pornographiques ou pouvant choquer.</strong>

Nous nous engageons à ne pas utiliser vos photos dans des but commerciaux, de les utiliser ou de les revendrent. Les photos que vous nous envoyez ne seront utilisées que pour être affichées dans le diaporama.</font></div></td></tr></table><table width=100% cellspacing=0 style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295;"><tr><td align="left" style="text-align: justify; background: #f7f7f7; padding-left: 5px;"><font color="#0372BE"><span style="font-size: 10px; line-height: normal">Ce tutoriel a été rédigé par romano97002.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.</span></font></td><td align="left" width=140 height=100 style="background: #F7F7F7"></td></tr></table>

Cordialement

[serge4789]

Bonsoir et merci de m’avoir répondu rapidement,

As-tu une autre méthode ou code car le spoiler ne s’affiche pas correctement avec le code que tu m’as donné.

D’avance merci pour ta réponse.

Reçois par ailleurs mes sentiments respectueux.

Au revoir et bonne soirée.

[Scipion]

Bonsoir

De quelle manière envisagez-vous d'utiliser le formulaire :

- page d'accueil ?
- dans un message ?
- autre partie du forum... ?

Cordialement

[serge4789]

Bonjour et merci de m’avoir répondu,

Bonsoir

De quelle manière envisagez-vous d'utiliser le formulaire :

- page d'accueil ?
- dans un message ?
- autre partie du forum... ?

Cordialement

- dans un message

D’avance merci pour ta réponse.

Reçois par ailleurs mes sentiments respectueux.

Au revoir et bon après-midi.

[Scipion]

Bonjour

Veuillez tester votre document svp :

Code:

<table cellspacing="0" style="width: 100%; border: 1px solid #006699;"><tr><td align="left" style="background: url('http://i24.servimg.com/u/f24/11/54/95/77/repet110.png'); height: 100px; text-align: center; font-size: 24px;"><font color="#1675BC"><strong>Page Diaporama :
Proposez-nous vos photos à ajouter</strong></font><br><br></td></tr><tr><td align="left" style="background: #F7F7F7; padding: 8px;"><div align="justify">Bonjour,

Vous souhaitez ajouter vos photos à la page <a href="http://romano97002.free.fr/diaporama.html" class="postlink" target="_blank" rel="nofollow"><font color="#1675BC"><strong>Diaporama</strong></font></a> du site ?

Aucun problème !

Faites-le depuis ce topic :topic unique:

Voici les informations demandées :

► Adresse(s) images<font color="red">*</font> :
► Titre des différentes images :
► Commentaires éventuels :

[spoiler=Cliquez ici pour dérouler le spoiler :]
[b]Adresse(s) images :[/b]

[b]Titre des différentes images :[/b]

[b]Commentaires éventuels :[/b]

[/spoiler]
<font color="red">(*) Information obligatoire</font>

<font color="black"><strong>Conditions :</strong></font>

<font color="red">En nous envoyant vos images et photos, vous certifiez <strong><u>avoir toutes les autorisations nécessaires de toutes les personnes</u></strong> apparaissant sur ces dernières.

<strong>Vous vous engagez également <u>à ne pas envoyer</u> de photos pornographiques ou pouvant choquer.</strong>

Nous nous engageons à ne pas utiliser vos photos dans des but commerciaux, de les utiliser ou de les revendrent. Les photos que vous nous envoyez ne seront utilisées que pour être affichées dans le diaporama.</font></div></td></tr></table><table width=100% cellspacing=0 style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295;"><tr><td align="left" style="text-align: justify; background: #f7f7f7; padding-left: 5px;"><font color="#0372BE"><span style="font-size: 10px; line-height: normal">Ce tutoriel a été rédigé par romano97002.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.</span></font></td><td align="left" width=140 height=100 style="background: #F7F7F7"></td></tr></table>

Cordialement

[serge4789]

Bonjour et merci de m’avoir répondu,

Bonjour

Veuillez tester votre document svp :

Code:

<table cellspacing="0" style="width: 100%; border: 1px solid #006699;"><tr><td align="left" style="background: url('http://i24.servimg.com/u/f24/11/54/95/77/repet110.png'); height: 100px; text-align: center; font-size: 24px;"><font color="#1675BC"><strong>Page Diaporama :
Proposez-nous vos photos à ajouter</strong></font><br><br></td></tr><tr><td align="left" style="background: #F7F7F7; padding: 8px;"><div align="justify">Bonjour,

Vous souhaitez ajouter vos photos à la page <a href="http://romano97002.free.fr/diaporama.html" class="postlink" target="_blank" rel="nofollow"><font color="#1675BC"><strong>Diaporama</strong></font></a> du site ?

Aucun problème !

Faites-le depuis ce topic :topic unique:

Voici les informations demandées :

► Adresse(s) images<font color="red">*</font> :
► Titre des différentes images :
► Commentaires éventuels :

[spoiler=Cliquez ici pour dérouler le spoiler :]
[b]Adresse(s) images :[/b]

[b]Titre des différentes images :[/b]

[b]Commentaires éventuels :[/b]

[/spoiler]
<font color="red">(*) Information obligatoire</font>

<font color="black"><strong>Conditions :</strong></font>

<font color="red">En nous envoyant vos images et photos, vous certifiez <strong><u>avoir toutes les autorisations nécessaires de toutes les personnes</u></strong> apparaissant sur ces dernières.

<strong>Vous vous engagez également <u>à ne pas envoyer</u> de photos pornographiques ou pouvant choquer.</strong>

Nous nous engageons à ne pas utiliser vos photos dans des but commerciaux, de les utiliser ou de les revendrent. Les photos que vous nous envoyez ne seront utilisées que pour être affichées dans le diaporama.</font></div></td></tr></table><table width=100% cellspacing=0 style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295;"><tr><td align="left" style="text-align: justify; background: #f7f7f7; padding-left: 5px;"><font color="#0372BE"><span style="font-size: 10px; line-height: normal">Ce tutoriel a été rédigé par romano97002.

Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.</span></font></td><td align="left" width=140 height=100 style="background: #F7F7F7"></td></tr></table>

Cordialement

Merci mais autre problème. La balise code

Code:

ne s’affiche pas correctement à l’intérieur du spoiler (voir résultat).

Cette fois il me faut les compétences et l’aide d’un membre du staff de Forumactif afin qu’il m’explique clairement, quoi modifier dans mon code ou me donner une autre version du code.

Je vais désormais attendre la réponse d’un membre du staff plus compétant et expérimenté dans ce domaine.

Désolé Scipion.

Reçois par ailleurs mes sentiments respectueux.

Au revoir et bonne fin d’après-midi.

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[serge4789]

UP

[Invité]

Bonjour,

Si j'ai bien compris votre demande, tout se joue dans cette partie du code:

Code:

td style="background: url('http://i24.servimg.com/u/f24/11/54/95/77/repet110.png'); height: 100px; text-align: center; font-size: 24px;"

L'image de fond ne fait que 100 px de hauteur, c'est pourquoi la hauteur de la cellule du tableau est limitée à 100px. Mais il y a moyen de contourner le problème.

td style="background: url('https://i.servimg.com/u/f24/11/54/95/77/repet110.png');background-color: #eff9fc; background-repeat: repeat-x; background-position: bottom; height: 300px; text-align: center; font-size: 24px;"

On ajoute une couleur de fond à la cellule,
on fait en sorte que le fond ne se répète qu'horizontalement,
on le positionne en bas de la cellule,
puis on modifie la hauteur de la cellule du titre.

Cordialement.

[serge4789]

Bonsoir et merci de m’avoir répondu,

Bonjour,

Si j'ai bien compris votre demande, tout se joue dans cette partie du code:

Code:

td style="background: url('http://i24.servimg.com/u/f24/11/54/95/77/repet110.png'); height: 100px; text-align: center; font-size: 24px;"

L'image de fond ne fait que 100 px de hauteur, c'est pourquoi la hauteur de la cellule du tableau est limitée à 100px. Mais il y a moyen de contourner le problème.

td style="background: url('https://i.servimg.com/u/f24/11/54/95/77/repet110.png');background-color: #eff9fc; background-repeat: repeat-x; background-position: bottom; height: 300px; text-align: center; font-size: 24px;"

On ajoute une couleur de fond à la cellule,
on fait en sorte que le fond ne se répète qu'horizontalement,
on le positionne en bas de la cellule,
puis on modifie la hauteur de la cellule du titre.

Cordialement.

Je vous dois une fière chandelle car sans vous, je n y serait jamais arrivé.

Merci merci merci merci merci et merci encore. +1 pour vous

Veuillez agréez mes sentiments respectueux.

Au revoir et bonne soirée à vous.

Sujet à vérrouiller et à archiver.