Problème CSS

[pierre du 31]

Bonjours j'ai coder mon forum avec de la Css, mais je n'arrive pas à 2 petits trucs (pourtant banal (je pense)



Il suffirai de supprimer les bordures ou il y écrit "ici" et j'aimerai modifier le fond de la tchatbox (là ou il y a les messages)

Le css que j'utilise pour le fond (dans ce cas présent pour le font des messages tchatbox)

Code:

{
background-image: url('http://img163.imageshack.us/img163/496/x7k5.jpg');
border: 1px solid 00336e;
}

[pierre du 31]

up

[pierre du 31]

up

[benneke]

Hello,

je viens de regarder ton souci, et j'en ai trouvé un autre ...
il doit y avoir un problème de CSS qque part car sous Chrome tout roule, mais sous FireFox il n'y a pas de coins arrondis.  Je te conseille de mettre aussi dans ton CSS pour les navigateurs récents et qui se standardisent CSS3 l'attribut de base qui est : border-radius : xx px; en plus de moz-border-radius : xx px; ...
apparement le nouveau FF ne prend plus le moz-border-radius ...

Bon ceci étant dit, je suis sous mac aussi, peut-être que FF Windows le gère autrement...

Pour ton souci coins de couleur tu peux chercher ceci dans ton CSS :

Code:

body.chatbox {
background-color: #CCC;
background-image: none;
margin: 0;
min-width: 550px!important;
padding: 0;}

et le remplacer par :

Code:

body.chatbox {
margin: 0;
min-width: 550px!important;
padding: 0;
background: none;}

Si tu ne trouves pas, alors tu ajoutes à la fin de ton CSS ceci :

Code:

body.chatbox {
background: none;}

Cela aidera déjà un peu, ensuite il faut se charger du :hover...

Soit on enlève l'effet hover sur tous les TD avec class row1 oubien on assigne une class nohover à cet élément (en JS ou via les template de phpbb2) et on lui donne le CSS suivant:

Code:

.nohover:hover {
background:none !important;}

et cela devrait le faire

Bon sur ce je vais me reposer, debout dans 3 heures
Bonne nuit et bon code, si il y a un souci, n'hésite pas, il est tard

A bientôt pour un feedback,
Ben

EDIT :
vu l'heure j'ai oublié la moitié d la question
Pour modifier le fond du texte de la chatbox c'est par ici :

Code:

.chatbox_row_1 {
background-color: #ccc;
padding: 4px;
}

tu modifies background-color par ta couleur ou par une image, c'est comme tu veux Si cela ne donne pas d'effet, essaye avec la pseudo class "!important" derrière la couleur, elle prendra alors la priorité sur ce qui a été déclaré avant.

[pierre du 31]

Merci beaucoup, ça fonctionne à merveille