Message fixe en bordure de Tchatbox ?

[Manu34]

Bonjour,

J'ai repris ce code donné ici :

https://forum.forumactif.com/t350392-message-en-bas-a-gauche-de-la-chatbox?highlight=message+dans+chatbox

Soit :

Code:

#chatbox_footer:before {
position:relative;
top:20px;
left:15px;
color:orange;
font-weight:700;
content:"La publicité est interdite !! ";
}

ça me pose deux problèmes, le correcteur automatique de ma feuille CSS m'indique qu'il manque des guillemets et
que ça pourrait ne pas marcher. (je n'avais pas ce problème avant semble t'il)

Et secundo, ça me bouffe les commandes et la ligne en bas du tchat. (utilisation devenant impossible)

Comment corriger s'il vous plait ? (merci d'avance)

[Invité]

Bonsoir,

Pour changer la position du message, il vous suffit de modifier ces deux bouts de code :

Code:

top:20px;
left:15px;

Les valeurs (20px et 15px) peuvent être modifiées, à vous d'adapter en fonction de vos exigences.

Pour ce qui est du reste de votre problème, je ne comprends pas ce que vous voulez faire concrètement, ni le souci esthétique (semble-t-il) engendré. Pourriez-vous nous fournir plus de précisions sur ces points s'il vous plaît ? D'avance, merci.

Cordialement.

[Manu34]

Bonsoir et merci de cette première réponse.

J'ai bien essayé de jouer sur les paramètres que vous m'indiquez (20px et 15px),
mais ça ne fait que jouer sur la position du texte.

Moi mon souci, c'est qu'en intégrant ce code, toute la barre que j'indique en image au dessus, s'est divisée par deux !

Impossible donc d'y accéder ! même en jouant de la roulette.

[Invité]

Bonjour,

Nous ne pouvons voir concrètement où est votre problème, le screen est bien trop petit. Pourriez-vous fournir une seconde capture d'écran comme je vous l'ai demandé antérieurement ? Merci beaucoup .

Cordialement.

[Manu34]

C'est moi qui vous remercie !

Un screen plus gros donc.

En insérant le code donné, ma bordure d'outils en bas disparait de moitié.

Voici :

[Invité]

Bonjour,

Essayez peut-être avec :

Code:

#chatbox_footer {
height:XXpx;
}

=> La valeur XX peut donc être réglée en fonction des besoins.

Cordialement.

[Manu34]

Parfait !

Un grand merci !

Cependant, comme je le disais plus haut,
lorsque je valide ma feuille CSS, un message d'alerte me dit qu'il manque un guillemet dedans.


Comment repérer l'erreur simplement sans me retaper de relire toute la feuille ?

Merci.

[Automne]

Bonjour,

Cela provient de l'apostrophe a "pas d'aide".

#chatbox_footer:before {
position:relative;
top:20px;
left:15px;
color:orange;
font-weight:800;
content:"Pas d'aide mécanique sur la Chatbox !! Utilisez les rubriques ! Merci. ";}

Le css annonce une erreur a chaque fois que l'on mets une apostrophe, si on en mets deux, cela ne produit pas d'erreur. Si la phrase marche et s'affiche, vous pouvez le laisser comme cela, sinon voir pour enlever ou rajouter une apostrophe.

[Manu34]

Encore merci Automne.

je croyais que c'était à cause des {

Sujet résolu.