| [En Cours - Tech]Soucis tutoriel " Faire de beauc titres " | |
|
|
kalyon
{ Membre }
Messages : 156
| Salut a tous ^^ j'ai suivis le tutoriel ici : https://css-actif.forumactif.org/intermediaire-f15/faire-de-beaux-titres-t156.htmj'ai reussi a me debrouillé, j'ai même modifier les codes comme j'ai pu etc... mais la, j'aurais aimez faire un cadre du même style, pour la description de forum avec une image " /!\ " a gauche, puis du texte au milieu ^^ j'ai reussi a faire exactement ce que je souhaitais, a une chose pret ^^' voyez vous même : L'image " attention " que j'ai mis a gauche est coupé ! le cadre ne respecte pas la taille de l'image ! j'aurais souhaiter que le cadre fasse au minimum la taille de l'image, voir un peu plus en hauteur pourplus de clarté ! VOici le CSS que j'ai mis si cela peu vous interessé : - Code:
-
.attention { font-family: comic sans ms, serif; font-size: 100%; border-bottom: 1px solid #f86f00; border-top: 1px solid #d80000; border-left: 1px solid #d80000; border-right: 1px solid #f86f00; background-color: #ffd350; background-image: url('http://img410.imageshack.us/img410/1852/attentionu.png') !important; background-repeat: no-repeat !important; background-position: left top !important; text-align: center !important; } J'aimerais recevoir de l'aide ! merci a vous | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Bonsoir, En rajoutant la ligne : - Code:
-
height: 35px; a ton code CSS, cela fonctionne. Étant donné que height représente la hauteur | | |
|
| |
kalyon
{ Membre }
Messages : 156
| VOila xD en faite, je savais qu'il falait agrandir de cette facon, mais je savais pas comment utilisé la balise height ! et bien en faite c juste height xDDD merci de ton aide Pour info ? si jamais j'ecris un long texte, et que la taille de suffit pas, le cadre va tout de meme s'agrandir ? sans deformée l'image ? | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Oui. Le cadre va s'afficher plus grand (selon le texte) et l'image va rester de la même taille La demande est terminée ? | | |
|
| |
kalyon
{ Membre }
Messages : 156
| EDIT COMPLET DU MESSAGE ( j'etait pas clair ^^ ) Alors, en mettant le code height dans mon css a 35px, le cadre ne suit plus mon texte, il reste bloqué a 35px, qu'il y est 1Lettre ou 36phrases, c'est pareil ! Par contre pour la largeur, elle s'agrandi et deforme mon forum en fonction de la longueur de mes phrases J'aimerais que la valeur minimum de height soit 35px, et s'entendre avec mon texte si il est plus long ! et j'aimerais que la valeur width soit exactement a la meme taille que la ou ce trouve mon code avec mon texte et ne puisse pas s'etendre ( retour a la ligne automatique) Pour le width, j'ai pensé a faire ceci : width: 100%; mais je ne sais pas du tout si cela donnera l'effet desiré ? et pour height, je n'est aucune idée pouvez vous m'orientez svp ? Amicalement ^^ | | |
|
| |
kalyon
{ Membre }
Messages : 156
| oui tous a fait ^^ toujours d'actualité le soucis est que en mettant la balise CSS que ma donné tech, et bien la class ne suit plus mon texte,et reste bloqué a 35px donc je ne peux mettre que 2 ligne de texte, et j'ai souvent besoin de mettre plus ^^ Amicalement =) | | |
|
| |
kalyon
{ Membre }
Messages : 156
| je ne vois pas le rapport ?? U_u | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Sa serait bien dit le de haut, jusqu'en bas, car apres le message que vous avez citer ... il y as eu sa ... - Citation :
- oui tous a fait ^^
toujours d'actualité Smile
le soucis est que en mettant la balise CSS que ma donné tech, et bien la class ne suit plus mon texte,et reste bloqué a 35px Smile donc je ne peux mettre que 2 ligne de texte, et j'ai souvent besoin de mettre plus ^^
Amicalement =) | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Peut-importe la taille de l'image ^^ je veux que mon cadre fasse au minimum la taille de l'image, et quelle fasse au maximum la taille de mon texte si celui ci est plus long que mon image ... you anderstand ? | | |
|
| |
kalyon
{ Membre }
Messages : 156
| oui, probleme toujours d'actualité :X | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Hello, Alors je vois franchement pas ton problème actuel, cependant en ce qui concerne le truc qui déforme le forum sur la largeur il suffit de mettre ceci: - Code:
-
width: NOMBRE DE PX NECESSAIRESpx; Voilà voilà | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Des nouvelles ? Demande toujours d'actualité ? | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Oui probleme toujours d'actualiter !
En faite la div reste bloquée a 35px, :S
Je voudrais quel fasse minimum 35 px, et quelle suivent la taille des lignes du texte si jamais c'est plus grand ...
Mais je n'y arrive po :X | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Et en mettant cela : - Code:
-
height: auto; ? | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Alors ^^ Pour le auto ^^ Il fonctionne si je mets 1 ligne par exemple, et bien le div garde quand mm la taille minimal de l'image ^^ Par contre, j'ai toujours le même probleme, si je mets plus de 2 ligne, sa reste bloqué :S Voyez par vous même ^^ Voici le code complet du css en question ^^ vous aurez peut-etre une meilleurs idée du probleme - Code:
-
.test { height: auto; font-family: comic sans ms, serif; border: 1px ridge #f86f00; background-color: #ffd350; background-image: url('http://img691.imageshack.us/img691/522/attentions.png'); background-repeat: no-repeat !important; background-position: left !important; text-align: center !important; } Amicalement bon réveillon | | |
|
| |
iowan
{ Membre actif }
Messages : 304
| bon creer le bug dans ton forum et donne nous le lien du bug pour voir en live ! | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Voila ^^
http://maxii-pubs.forumactif.com/les-invites-f12/test1111-t151.htm | | |
|
| |
iowan
{ Membre actif }
Messages : 304
| bon essaye ceci ajoute ce code css dans ton forum - Code:
-
.m_caution{ background-color: #FFD350; border: 1px ridge #F86F00; min-height: 40px; width: 600px; } .img_caution{ background: url(http://img691.imageshack.us/img691/522/attentions.png) no-repeat; height: 35px; width: 42px; float: left; } .m_caution p{ font-family: "comic sans ms",serif; padding: 0 6px 0 6px; font-size: 12px; }
apres colle ce code dans ton post (il faut activer le html dans les posts je crois que ta deja fait ca) - Code:
-
<div class="m_caution"> <div class="img_caution"></div> <p> ton text </p> </div>
enfin ajuste la largeur du boite dans la proprieté width de m_caution dans le css | | |
|
| |
kalyon
{ Membre }
Messages : 156
| nON ce n'est toujours pas bon ^^'
Allez voir par vous même ^^
La div suit bien le texte, mais le texte n'est pas centré, puis le texte est en dessous de l'image, et non pas a coter ^^' | | |
|
| |
iowan
{ Membre actif }
Messages : 304
| regarde ou tu mets les balises br je les vois un peu aleatoirement recopie le code html et si tu veux faire des br fait le dans la balise P et ne la met pas au debut du balise P il faut avoir du text au debut de balise P test ca | | |
|
| |
kalyon
{ Membre }
Messages : 156
| j'ai mis aucune balise br j'ai juste sauter de ligne ! Amicalement | | |
|
| |
iowan
{ Membre actif }
Messages : 304
| https://i.servimg.com/u/f11/11/61/75/97/sans_t10.jpg
hmm essaye de modifier l'editeur de message de FA depuis l'editeur avencé a l'editeur basic je crois que c'est lui qui te met ce tas de BR | | |
|
| |
kalyon
{ Membre }
Messages : 156
| Je pense simplement, que le navigateur traduit mes sauts de ligne par ces br ^^ Ce qui est logique car un saut de ligne, ce traduit par br en html, ce que tu dois savoir Je ne pense pas que ce soit sa le problème, si ? | | |
|
| |
Tech
{ Membre actif }
Messages : 1378
| Enfaite, Il ne faudrait pas que tu fasses de saut de lignes. Mais que tu places les br a la place entre les p. | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Hello, LE problème est-il toujours d'actualité ? | | |
|
| |
Contenu sponsorisé
| |
| |
| [En Cours - Tech]Soucis tutoriel " Faire de beauc titres " | |
|