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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par serge4789 le Jeu 30 Juin 2011 - 19:14

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:
Code:
[b]Adresse(s) images :[/b]
[b]Titre des différentes images :[/b]
[b]Commentaires éventuels :[/b]
(*) 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.


Dernière édition par serge4789 le Dim 10 Juil 2011 - 17:52, édité 1 fois (Raison : EDIT)

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par Scipion le Jeu 30 Juin 2011 - 19:47

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Ven 1 Juil 2011 - 20:01

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.

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par Scipion le Ven 1 Juil 2011 - 22:43

Bonsoir

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

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

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Sam 2 Juil 2011 - 15:32

Bonjour et merci de m’avoir répondu,
@Scipion a écrit: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.

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par Scipion le Sam 2 Juil 2011 - 15:57

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Sam 2 Juil 2011 - 16:38

Bonjour et merci de m’avoir répondu,
@Scipion a écrit: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.


Dernière édition par serge4789 le Dim 10 Juil 2011 - 16:31, édité 3 fois (Raison : EDIT)

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Dim 3 Juil 2011 - 16:46

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Lun 4 Juil 2011 - 19:26

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Mar 5 Juil 2011 - 19:50

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Mer 6 Juil 2011 - 19:54

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Jeu 7 Juil 2011 - 20:09

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Sam 9 Juil 2011 - 15:31

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Dim 10 Juil 2011 - 16:16

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par Invité le Dim 10 Juil 2011 - 16:55

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://i24.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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire pour modifier la taille de l’espace du titre

Message par serge4789 le Dim 10 Juil 2011 - 17:50

Bonsoir et merci de m’avoir répondu,
Isolde a écrit: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://i24.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. Very Happy Wink +1 pour vous Wink

Veuillez agréez mes sentiments respectueux. Wink

Au revoir et bonne soirée à vous. Wink

Sujet à vérrouiller et à archiver.


Dernière édition par serge4789 le Dim 10 Juil 2011 - 17:51, édité 1 fois (Raison : EDIT)

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum