Aide pour page HTML
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Aide pour page HTML
Bonjour.
j'ai deux Questions :
Je voudrais que les images dans les cadres ne soit pas aussi coller au cadre.
DE plus je Voudrais Rajouter un texte dans le cadre que j'ai rajouter.
mais comment mettre du texte.
les cadre que j'ai mis est un montage.
Code de ma page HTML :
Css :
merci d'avance
Cordialement Jiben
j'ai deux Questions :
Je voudrais que les images dans les cadres ne soit pas aussi coller au cadre.
- Spoiler:
DE plus je Voudrais Rajouter un texte dans le cadre que j'ai rajouter.
mais comment mettre du texte.
les cadre que j'ai mis est un montage.
Code de ma page HTML :
- Code:
[center]<div class="mise_a_jour">
Si vous avez des question ou si vous remarquez une erreur, merci de me contacter par MP !!!
[color=pink]Dernière mise a jour le [b]mercredi 28 Juillet 2010 à 20h05[/b][/color]</div>
<div class="titretop10">[color=#9933FF][b][size=26]Top 10 des plus grosses pertes infligées !!![/size][/b][/color]</div>
<div class="top1">[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</div>
<div class="Top10pair">[color=cyan]2 ) [ LG ] Agen Kolar VS Avalone [ BSR ][/color]
[color=green][i]( fait le 29 mai 2010 ) [/color][/i]
L'attaquant a perdu au total [color=orange]2 368 206 000 [/color]unités.
Le défenseur a perdu au total[color=violet] 7 184 932 500 [/color] unités.</div>
<div class="Top10impair">[color=yellow]3 ) [ LG ] Agen Kolar VS Cloud [/color]
[color=green][i]( Fait le 13 janvier 2010 ) [/color][/i]
L'attaquant a perdu au total [color=orange]1 208 677 500 [/color] unités.
Le défenseur a perdu au total [color=violet]6 541 870 000 [/color] unités.</div>
<div class="Top10pair">[color=cyan]4 ) [ LG ] Mathieu VS Cloud [/color]
[color=green][i]( fait le 12 février 2010 )[/i][/color]
L'attaquant a perdu au total[color=orange] 588 451 000 [/color]unités.
Le défenseur a perdu au total [color=violet]6 320 997 000 [/color]unités.</div>
<div class="Top10impair">[color=yellow] 5 ) [ LG ] Agen Kolar VS Horus [/color]
[color=green][i]( fait le 4 Juillet 2010 )[/i][/color]
L'attaquant a perdu au total [color=orange]640 558 500 [/color] unités.
Le défenseur a perdu au total [color=violet]5 805 281 000[/color] unités.</div>
<div class="Top10pair">[color=cyan]6 ) [ ZouZou ] Mathou28 VS Jiben [ LG ][/color]
[color=green][i]( fait le 11 octobre 2009 )[/color][/i]
L'attaquant [b]( Mathou28 )[/b] a perdu au total [color=orange]5 382 423 500[/color] unités.
Le défenseur [b]( Jiben )[/b] a perdu au total [color=violet]2 671 257 000[/color] unités.</div>
<div class="new">[color=yellow]7 ) [ LG ] Agen Kolar VS jameson [ BB5 ] [/color]
[color=green][i]( Fait le 25 juillet 2010)[/color][/i]
L'attaquant a perdu au total [color=orange]657 340 500 [/color]unités.
Le défenseur a perdu au total [color=violet]5 123 165 500 [/color]unités.</div>
<div class="new">[color=cyan]8 ) [ LG ] Agen Kolar VS Selion [ SV ] [/color]
[color=green][i]( Fait le 25 juillet 2010)[/color][/i]
L'attaquant a perdu au total [color=orange]526 513 500 [/color]unités.
Le défenseur a perdu au total [color=violet]5 017 181 000 [/color]unités.</div>
<div class="Top10impair">[color=yellow]9 ) [ ex LG ] kleenexVS D1kaNtation [ Jenova ] [/color]
[color=green][i]( Fait le 9 février 2010)[/color][/i]
L'attaquant a perdu au total [color=orange]741.825.000 [/color]unités.
Le défenseur a perdu au total [color=violet]3.877.755.000 [/color]unités.</div>
<div class="Top10pair">[color=cyan]10 ) [ex LG ] kleenex VS D1kaNtation [ Jenova ][/color]
[color=green][i]( Fait le 9 février 2010)[/color][/i]
L'attaquant a perdu au total [color=orange]479.918.500 [/color]unités.
Le défenseur a perdu au total [color=violet]3.737.630.500 [/color]unités.</div>
[/center]
Css :
- Code:
.titretop10{ text-shadow: 5px 3px 15px #808080;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;}
.new{
background-image: url('http://lesgendresbeta5.forumactif.org/users/1211/19/72/85/smiles/29870.gif'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #365a68; /*--- Couleur de fond ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
-moz-box-shadow: 0px 0px 15px red;
-webkit-box-shadow: 0px 0px 15px red;
box-shadow: 0px 0px 15px red;
Border: 1px solid red;
}
.top1{
background-image: url('http://moe.mabul.org/up/moe/2009/08/31/img-204446ackhj.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: orange; /*--- Couleur de fond ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 1px solid white;
}
.Top10impair{
-moz-box-shadow: 0px 0px 15px #66FFFF;
-webkit-box-shadow: 0px 0px 15px #66FFFF;
box-shadow: 0px 0px 15px #66FFFF;
Border: 1px solid #66FFFF;
}
.Top10pair{
-moz-box-shadow: 0px 0px 15px #00FF00;
-webkit-box-shadow: 0px 0px 15px #00FF00;
box-shadow: 0px 0px 15px #00FF00;
Border: 1px solid #00FF00;
}
.mise_a_jour {
background-image: url('http://img156.imageshack.us/img156/6748/panneauattention.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #365a68; /*--- Couleur de fond ---*/
border: 5px double #000000; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
merci d'avance
Cordialement Jiben
Dernière édition par Jiben le Dim 15 Aoû 2010 - 17:41, édité 1 fois
Re: Aide pour page HTML
Bonjour,
Dans le div concerné, vous rajoutez un padding, comme ceci:
Pour le cadre, vous mettez ceci:
Cordialement.
Dans le div concerné, vous rajoutez un padding, comme ceci:
- Code:
<div style=" padding: 5px;">Contenu</div>
Pour le cadre, vous mettez ceci:
- Code:
<div style=" border: 1px solid #000000;">Contenu texte</div>
Cordialement.
Re: Aide pour page HTML
Bonjour mon images et toujours coller.
Puis ce code ce situe dans mon CSS.
Puis pour le cadre je le place ou le code ?
Puis ce code ce situe dans mon CSS.
Puis pour le cadre je le place ou le code ?
Re: Aide pour page HTML
Je vais pas changer votre fond, c'est à vous de le faire. L'image se trouve en fond, donc vous devez la bouger, sinon le padding ne sert à rien
Pour le code du cadre, dans le contenu de l'autre div.
Re: Aide pour page HTML
Oui mais pour le cadre je voudrais qui soit entre le logo et le texte car là il s'affiche tout en haut :s
Re: Aide pour page HTML
Une capture d'écran pleased ? > <
Re: Aide pour page HTML
Voilà.
je voudrais mettre le contenu dans le cadre a rayure vertes que j'ai crée grace a photofiltre
Re: Aide pour page HTML
J'ai bien compris ce que vous vouliez
C'est pas celui la que je vous demande =_=
C'est le screen qui montre
"car là il s'affiche tout en haut"
- Code:
<div style=" border: 1px solid #000000; width: 200px; height: 80px; ">Contenu texte</div>
Le code fonctionne, il faut simplement le placer dans l'autre div.
Re: Aide pour page HTML
Je ne comprend pas dans quel autres div car j'en est qu'une :s
Code de la casses seulement orange :
Code de la casses seulement orange :
- Code:
<div class="titretop10">[color=#9933FF][b][size=26]Top 10 des plus grosses pertes infligées !!![/size][/b][/color]</div>
Re: Aide pour page HTML
- Code:
<div class="top1">
<table><tr><td><div style=" border: 1px solid #000000; width: 200px; height:80px;">Contenu texte</div></td>
<td>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</td></tr></table></div>
Vous m'aviez pas donné le bon div mais bon
Et pour l'image, encore une fois vous devez la refaire et mettre du transparent avant. Etant donné qu'elle est en fond, on ne peut rien faire.
Re: Aide pour page HTML
Le positionnement est bon par contre le texte n'est pu centré et j'ai une marge en haut :s
Ok pour l'image alors
Ok pour l'image alors
Re: Aide pour page HTML
up svp
Re: Aide pour page HTML
- Code:
<div class="top1">
<table style="text-align: center;"><tr><td><div style=" border: 1px solid #000000; width: 200px; height:80px;">Contenu texte</div></td>
<td>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</td></tr></table></div>
De quelle marge vous parlez ?
Re: Aide pour page HTML
Comparé le haut avec le bas
Re: Aide pour page HTML
- Code:
<div class="top1"><table style="text-align: center;"><tr><td><div style=" border: 1px solid #000000; width: 200px; height:80px;">Contenu texte</div></td><td>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</td></tr></table></div>
J'ai enlevé les retours à la ligne, parfois ca suffit ^^
Sinon, il faut modifier le padding ou en mettre un >
Cordialement.
Re: Aide pour page HTML
Merci la marge est bien enlever.
Voici le dernier problème que je rencontré.
Je voudrais que le texte soit centré comme dans la 2éme casses, le texte est centré.
merci d 'avance de votre aide.
Jiben
Voici le dernier problème que je rencontré.
Je voudrais que le texte soit centré comme dans la 2éme casses, le texte est centré.
merci d 'avance de votre aide.
Jiben
Re: Aide pour page HTML
- Code:
<div class="top1"><table style="text-align: center;"><tr><td><div style=" border: 1px solid #000000; width: 200px; height:80px; text-align: center;" >Contenu texte</div></td><td>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</td></tr></table></div>
Mieux ?
Re: Aide pour page HTML
Non désoler, rien n'a changer malheureusement :s
Re: Aide pour page HTML
Pourtant ca marche de mon côté > <
On parle bien de la même chose ?
C'est la partie à côté du cadre que vous voulez centrer ou .. ?
Re: Aide pour page HTML
Oui c'est bien ceci !
Mais moi sa ne fonctionne pas :s
Mais moi sa ne fonctionne pas :s
Re: Aide pour page HTML
On va faire autrement alors > <
- Code:
<div class="top1"><table style="text-align: center;"><tr><td width="40%" style=" text-align: center;"><div style=" border: 1px solid #000000; width: 200px; height:80px; text-align: center;" >Contenu texte</div></td><td>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</td></tr></table></div>
Re: Aide pour page HTML
Bonjour, le texte n'est toujours pas centré par rapport au cadre :s
Re: Aide pour page HTML
Bonjour
Version texte centrée par rapport à la page.
J'avoue ne pas trop comprendre ce que vous voulez réellement car le code centre bien mais par rapport à la table et non par rapport à la largeur du forum.
Centré par rapport au forum.
Cordialement
Ge
Version texte centrée par rapport à la page.
J'avoue ne pas trop comprendre ce que vous voulez réellement car le code centre bien mais par rapport à la table et non par rapport à la largeur du forum.
Centré par rapport au forum.
- Code:
<div class="top1"><table width="100%" style="text-align: center;"><tr><td width="210px" style=" text-align: center;"><div style=" border: 1px solid #000000; width: 200px; height:80px; text-align: center;" >Contenu texte</div></td><td>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</td></tr></table></div>
Cordialement
Ge
Re: Aide pour page HTML
Bonjour, ce n'est pas ceci.
Bon je rexplique ce que je veux clairement.
Tous d'abord, la capture d'écran :
Comme vous le Voyais dans la 2 ( Entouré en vert le numéro ) Le texte est centré, par rapport au cadre que j'ai crée.
Et quand on regarde dans la 1 ( Entouré aussi en vert ) Le texte n'est pas centré par rapport a mon cadre comme le nomtre mes deux flèches Rouge.
Je voudrais alors que le cadre 1 a le même centrage de texte que dans le 2, mais un centrage automatique aussi et non pas manuel a chaque Fois.
J'espère que j'ai été explicité et que vous comprenais mon probléme maintenant.
Je vous remercie encore D'avance de votre aide.
Cordialement Jiben
Bon je rexplique ce que je veux clairement.
Tous d'abord, la capture d'écran :
- Spoiler:
Comme vous le Voyais dans la 2 ( Entouré en vert le numéro ) Le texte est centré, par rapport au cadre que j'ai crée.
Et quand on regarde dans la 1 ( Entouré aussi en vert ) Le texte n'est pas centré par rapport a mon cadre comme le nomtre mes deux flèches Rouge.
Je voudrais alors que le cadre 1 a le même centrage de texte que dans le 2, mais un centrage automatique aussi et non pas manuel a chaque Fois.
J'espère que j'ai été explicité et que vous comprenais mon probléme maintenant.
Je vous remercie encore D'avance de votre aide.
Cordialement Jiben
Re: Aide pour page HTML
Ok, j'ai capté.
Impossible avec cette structure car le centrage se fait dans la cellule du tableau.
Il faut sortir la chaine du tableau (avec le numéro :1 ) [ LG ] Mathieu VS McCain [ TlT ]) et la centrée tout simplement.
Ge
Impossible avec cette structure car le centrage se fait dans la cellule du tableau.
Il faut sortir la chaine du tableau (avec le numéro :1 ) [ LG ] Mathieu VS McCain [ TlT ]) et la centrée tout simplement.
Ge
Re: Aide pour page HTML
Bonjour,
Voilà ce que j'ai fait :
Mais le cadre contenu n'est tu placer là =s
Capture d'écran :
Merci d'avance (:
Voilà ce que j'ai fait :
- Code:
<div class="top1"><table style="text-align: center; valign:"middle""><tr><td><div style=" border: 1px solid #000000; width: 200px; height:80px;">Contenu texte</div></td></tr></table>[color=Red] [size=18]1 ) [ LG ] Mathieu VS McCain [ TlT ][/size][/color]
[color=green][i]( Fait le 8 février 2010)[/color][/i]
L'attaquant a perdu au total [color=blue]2 608 132 000[/color] unités.
Le défenseur a perdu au total [color=cyan]10 658 611 000[/color] unités.</div>
Mais le cadre contenu n'est tu placer là =s
Capture d'écran :
Merci d'avance (:
Page 1 sur 2 • 1, 2
Sujets similaires
» Aide pour page HTML
» Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
» Besoin code html widget Sujets récents pour afficher page html
» Aide pour passé du HTML au CSS
» Demande d'aide (redirection d'un sujet vers une page HTML)
» Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
» Besoin code html widget Sujets récents pour afficher page html
» Aide pour passé du HTML au CSS
» Demande d'aide (redirection d'un sujet vers une page HTML)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum