Tableau En-tête "Un titre trop important"

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

Résolu Tableau En-tête "Un titre trop important"

Message par undertaker999 le Dim 1 Mai 2011 - 17:08

Bonjour,

Voilà sur mon forum, je viens d'installer un code qui me permet de faire affiché une en-tête personnalisé. Mais voilà qu'une erreur d'affichage donne un rendu très peu apprécié. Je vous donne une capture.



- La bande "Nouvel inscrit" est beaucoup trop hautes
- Les bandes MSBV et Media ne le sont pas suffisamment

Alors que le rendu voulu est plutôt:


Je vous donne le code Html

Code:
<table  class="tablo" cellSpacing="8"><tr><td class="titrema"  width="30%" padding="0px">Nouvel inscrit ?</td><td colspan="2" width="70%">Qu'est-ce que Vous êtes le Patron ?



Vous etes le patron est le PREMIER forum de simulation
 économique et de gestion d'entreprise du Web
 et sera et restera le plus réaliste du Web.

Découvrez à travers ce jeu un monde du commerce
 où vous aurez à gérer votre entreprise tout en restant
 le plus concurrentiel possible, car sur VELP le moteur de la simulation est la concurrence.




Réussirez-vous à combattre la concurrence ?</td></tr>
<tr><td rowspan="3">
Bonjour et Bienvenue sur "Vous êtes le Patron" !

Nous avons développé 9 étapes afin que vous puissiez facilement et rapidement vous inscrire et faire parti des entrepreneurs de VELP. Vous pouvez retrouver ces tutoriels en vous rendant sur ce lien:  <a style="text-decoration:none; color: white;" href="http://velp.monempire.net/f4-avant-de-creer-votre-entreprise" target="_top"><b>Avant de créer votre entreprise</b></a>
_______________________________


Forum optimisé pour :

<a href="http://download.mozilla.org/?product=firefox-3.6.13&os=win&lang=fr"  target="_blank"><img src="http://lpdc.be/firefox/firefox.png" border="0" alt="" /></a>



<font size="2">TAG: économie - simulation - gestion - forum - jeu - simulation économique - online - en ligne - gratuit - free - français - réaliste - gestionnaire - gérer - diriger - entrepreneur - entreprise - patron - affaire - business - monde - actualité - média</font></td><td class="titrema">msbv</td><td class="titrema">media</td></tr>
<tr><td>Avec le plus profond désir d'offrir de meilleurs
 services à ces membres, l'équipe de VELP
 est présentement en train de développé
 une toute nouvelle simulation qui
s'ajouterait à l'économie de VELP.
Cependant, sa Béta Test ne sera lancé
 seulement si le forum atteint 30 membres actifs.</td><td><marquee id="scroller" scrollamount="3" direction="up"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
[Musique] <a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t364-lady-gaga-let-the-cultural-baptism-begin-april-19th-19-avril" target="_top">L'annonce de Lady Gaga</a>


[Musique] <a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t363-britney-spears-un-nouveau-clip" target="_top">Le nouveau clip de Britney Spears</a>


[Musique] <a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t365-rihanna-britney-un-duo-pour-le-remix-de-sm#673" target="_top">Un duo Rihanna & Britney pour S&M</a>


[Musique]<a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t368-britney-spears-dance-till-the-world-ends" target="_top">Une version Dance du vidéo clip "Till the world Ends"</a>


[Musique]<a style="text-decoration:none; color: black;" href="http://velp.monempire.net/t367-lady-gaga-le-nouveau-single-judas-devance-aujourd-hui-15-avril-2011-lyric-complet" target="_top">Le dévoilement de "Judas" devancé de 4 jours"</a>
</marquee></td></tr></table>

et le Code CSS

Code:

.tablo{text-align: center;
background-color: #bbc2c7;
color: #fff;
font-size: 12px;}

.titrema{
border: 1px solid #fff;
background-color: #8d969c;
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 0px;}

Merci Beaucoup, http://www.velp.monempire.net




Dernière édition par undertaker999 le Mar 3 Mai 2011 - 3:06, édité 1 fois

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau En-tête "Un titre trop important"

Message par Scoubifitz le Dim 1 Mai 2011 - 17:47

bonjour,

en rajoutant une hauteur à la class?

.titrema{
border: 1px solid #fff;
height:30px;
background-color: #8d969c;
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 0px;}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau En-tête "Un titre trop important"

Message par undertaker999 le Lun 2 Mai 2011 - 22:53

Bonjour,

Cela fonctionne pour les deux autres, seulement pour celui du Nouvel Inscrit le problème persiste.

Merci.

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau En-tête "Un titre trop important"

Message par Scoubifitz le Mar 3 Mai 2011 - 0:18

pas de soucis ...

on s'attaque au tableau ...

TITRE dans une "div"
avec la class"titrema"

texte bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla

bla bla bla bla bla
bla bla bla bla bla
texte bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla

bla bla bla bla bla

bla bla bla bla bla bla bla bla bla bla
TITRE dans une "div"
avec la class"titrema"

texte bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
bla bla bla bla bla
TITRE dans une "div"
avec la class"titrema"

texte défilant

Code:
<table class="tablo" cellspacing="8">
<tbody>
<tr>
<td rowspan="3" valign="top" width="33%">
<div class="titrema">Nouvel inscrit ?</div><br>
Bonjour et Bienvenue sur <br><br>
"Vous êtes le Patron" !<br><br>
Nous avons développé 9 étapes afin que vous puissiez facilement et rapidement vous inscrire et faire parti des entrepreneurs de VELP. <br><br>
Vous pouvez retrouver ces tutoriels en vous rendant sur ce lien: <br>
<a style="text-decoration: none; color: white;"
href="http://velp.monempire.net/f4-avant-de-creer-votre-entreprise"
target="_top"><b>Avant de créer votre entreprise</b></a><br><br>
 _______________________________<br>
Forum optimisé pour :<br>
<a href="http://download.mozilla.org/?product=firefox-3.6.13&amp;os=win&amp;lang=fr" target="_blank"><img style="border: 0px solid ; width: 32px; height: 32px;" src="http://lpdc.be/firefox/firefox.png" alt="" align="middle"></a><font size="2"> Firefox<br><br>
TAG : économie - simulation - gestion - forum - jeu - simulation économique - online - en ligne - gratuit - free - français - réaliste - gestionnaire - gérer - diriger - entrepreneur - entreprise - patron - affaire - business - monde - actualité - média</font></td>
<td colspan="2" valign="top">Qu'est-ce que Vous êtes le Patron ?<br><br>
 Vous etes le patron est le PREMIER forum de simulation économique et de gestion d'entreprise du Web et sera et restera le plus réaliste du Web.<br><br>
Découvrez à travers ce jeu un monde du commerce où vous aurez à gérer votre entreprise tout en restant le plus concurrentiel possible, car sur VELP le moteur de la simulation est la concurrence.<br><br>
Réussirez-vous à combattre la concurrence ?</td>
</tr><tr>
<td valign="top" width="33%">
<div class="titrema">msbv</div><br><br>
Avec le plus profond désir d'offrir de meilleurs services à ces membres, l'équipe de VELP est présentement en train de développé une toute nouvelle simulation qui s'ajouterait à l'économie de VELP.<br><br>
Cependant, sa Béta Test ne sera lancé seulement si le forum atteint 30 membres actifs.</td>
<td valign="top">
<div class="titrema">media</div><br>
<div style="text-align: left;">
<marquee id="scroller" scrollamount="3" direction="up" onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
[Musique] <a style="text-decoration: none; color: black;" href="http://velp.monempire.net/t364-lady-gaga-let-the-cultural-baptism-begin-april-19th-19-avril" target="_top">L'annonce de Lady Gaga</a><br>
[Musique] <a style="text-decoration: none; color: black;" href="http://velp.monempire.net/t363-britney-spears-un-nouveau-clip" target="_top">Le nouveau clip de Britney Spears</a><br>
[Musique] <a style="text-decoration: none; color: black;" href="http://velp.monempire.net/t365-rihanna-britney-un-duo-pour-le-remix-de-sm#673" target="_top">Un duo Rihanna &amp; Britney pour
S&amp;M</a><br>
[Musique]<a style="text-decoration: none; color: black;" href="http://velp.monempire.net/t368-britney-spears-dance-till-the-world-ends" target="_top">Une version Dance du vidéo clip "Till the
world Ends"</a><br>
[Musique]<a style="text-decoration: none; color: black;" href="http://velp.monempire.net/t367-lady-gaga-le-nouveau-single-judas-devance-aujourd-hui-15-avril-2011-lyric-complet" target="_top">Le dévoilement de "Judas" devancé de 4 jours"</a></marquee>
</div>
</td>
</tr>
</tbody>
</table>

et le CSS qui n'a pas changé (vous pouvez rajouter le "height"
si vous trouvez le cadre des titres trop "plat") :

Code:
.tablo{text-align: center;
background-color: #bbc2c7;
color: #fff;
font-size: 12px;
}
.titrema{
border: 1px solid #fff;
background-color: #8d969c;
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 0px;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau En-tête "Un titre trop important"

Message par undertaker999 le Mar 3 Mai 2011 - 3:06

WOW !!!

Merci Beaucoup, vous avez résolu mon problème très rapidement,

C'est très apprécié, en plus vous avez retouché la position et ajouté des [code]<br />[code] pour un plus beau rendu Smile

Cordialement, Velp

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 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