Message HTML qui sort du message

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

Résolu Message HTML qui sort du message

Message par Chipardeur Ven 4 Mai 2018 - 13:08

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://modern-war.forumactif.org/

Description du problème

Bonjour !

Voilà j'ai un problème par rapport à un code HTML et un code CSS, qui sont liés évidemment.
J'aimerai que mon "formulaire" ne sorte pas de la case message comme ça le fait actuellement et qu'elle se mette automatique à la taille maximale pour l'utilisateur.
Impossible de trouver comment faire.
Merci d'avance !
Code HTML:
Code:
<table cellspacing="0" class="annonce-form"><thead><tr><td class="annonce-title">Annonce de l'équipe administrative</td> </tr> </thead> <tbody> <tr> <td class="annonce-contain"> test test test test test </td> </tr> </tbody> <tfoot> <tr> <td class="annonce-footer"></td> </tr> </tfoot></table>
Code CSS lié:
Code:
.annonce-title {
    background: rgb(202, 202, 202) url(https://i.imgur.com/IjMQHS3.png) no-repeat scroll 0 8px!important;
    color: #fff;
    font-family: sans-serif, FontAwesome;
    text-align: center;
    word-wrap: break-word;
    padding-left: 170px;
    vertical-align: middle;
    text-shadow: 1px 1px 1px rgb(93, 115, 126);
    font-size: 25px;
    height: 100px;
    line-height: 1em;
}

.annonce-form {
    background-color: #f7f7f7;
    border-right: 1px solid #ddd;
    border-spacing: 0;
    position: absolute;
    width: auto;
}

.annonce-contain {
    border-left: 20px solid rgb(202, 202, 202);
    border-right: 20px solid rgb(202, 202, 202);
    padding: 10px 30px;
}

.annonce-footer {
    background: rgb(202, 202, 202);
    height: 20px;
}
avatar

Chipardeur
Nouveau membre

Messages : 9
Inscrit(e) le : 22/12/2014

Voir le profil de l'utilisateur http://modern-war.forumactif.org/
Chipardeur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message HTML qui sort du message

Message par Chipardeur Ven 4 Mai 2018 - 23:57

Problème résolu: position: absolute > position: relative.
avatar

Chipardeur
Nouveau membre

Messages : 9
Inscrit(e) le : 22/12/2014

Voir le profil de l'utilisateur http://modern-war.forumactif.org/
Chipardeur a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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