OVH Cloud OVH Cloud

rendu dans Mozilla (débutant !)

4 réponses
Avatar
Serge \(du Cotentin\)
Bonjour,

Sur cette page :
http://perso.wanadoo.fr/serge.passions/livres_d_enfants.htm

Cette ligne:
<table border="80" cellspacing="0" width="95%" bordercolor="#000080"
bgcolor="#ffffff" cellpadding="10">

Me donne une bordure unie bleu marine avec IE ...
(c'est ce que je souhaite)
Avec Mozilla, la bordure est avec un pseudo relief constitué de deux
couleurs, mauve et noir...
Malgré mes tentatives, (mais je n'y connais pas grand chose !) je ne suis
pas parvenu à obtenir le même rendu avec Mozilla.
Est-ce possible ? Comment faire ?

J'aurais bien continué à créer mes pages avec Mozilla composeur... mais je
ne vois pas non plus comment obtenir le résultat souhaité !

D'avance merci
Serge

--
http://perso.wanadoo.fr/serge.passions/livres_d_enfants.htm

http://perso.wanadoo.fr/serge.passions/index.htm

4 réponses

Avatar
ho alexandre
Serge (du Cotentin) wrote:
J'aurais bien continué à créer mes pages avec Mozilla composeur... mais je
ne vois pas non plus comment obtenir le résultat souhaité !



tu remplaces bordercolor="#000080" par style="border-color: #000080"
Sinon tu as une option dans le Composer :
Edit | Preferences | Composer | Cascading style sheets editing
et tu coches la case.

Explication :
qd tu affiches une table avec une bordure, sans couleur, tu la vois "en
relief", c'est-à-dire avec une couleur différente pour le haut et
gauche, et pour le bas et droite. C'est ce qui se passe avec Mozilla.

--
XandreX
/I'm that kind of people your parents warned you about/
Avatar
Serge \(du Cotentin\)
"Olivier Miakinen" a écrit dans le message de
news: bkel91$2ouu$
ho alexandre wrote:
>
> tu remplaces bordercolor="#000080" par style="border-color: #000080"

Cela ne suffit peut-être pas. Je propose :
style="border: solid #000080"

Serge du Contentin, note que tu peux aussi en profiter pour fixer la
largeur des bordures, par exemple :
style="border: 5px solid #000080"

Voir :
http://www.w3.org/TR/CSS2/box.html#border-properties



Bonjour et merci à tous les deux.

J'ai essayé toutes les propositions : La seule qui fonctionne "complètement"
, (couleur, solide, epaisseur) est
style="border: 80px solid #000080"

Mais la ligne complète est :
<table border="80" cellspacing="0" width="95%" style="border: 80px solid
#000080" bgcolor="#FFFFFF" cellpadding="10" >
La largeur de la bordure est mentionnée deux fois. Mais si je suprime table
border="80" en début de ligne, tout est en vrac !

Quand même merci, cela s'affiche enfin pareil dans les deux navigateurs...
Heu ! Un petit plus : Y a-t-il une solution pour modifier ainsi tous les
tableaux de la page ?


Serge




--
http://perso.wanadoo.fr/serge.passions/livres_d_enfants.htm

http://perso.wanadoo.fr/serge.passions/index.htm
Avatar
Nicolas Peninguy
Serge (du Cotentin) wrote:

Heu ! Un petit plus : Y a-t-il une solution pour modifier ainsi tous les
tableaux de la page ?



<style type="text/css">
<!--
table[border="80"] { border: 80px solid #000080; }
-->
</style>

dans l'entête du document (balise <head>).

Si tu as un peu de temps n'hésite pas à apprendre un peu le code "à la
main" et en particulier les CSS, parce que franchement la solution que
je te propose c'est pour avoir le moins de choses possibles à changer :-)
Avatar
Nicolas Peninguy
Nicolas Peninguy wrote:

table[border="80"] { border: 80px solid #000080; }



Précision : en fait cette règle ne va s'appliquer qu'aux tableaux qui
ont pour attribut border€.

Idéalement tu devrais ajouter un attribut du type class="bordbleu" à
tous les tableaux qui doivent avoir ce style, et ensuite avoir comme règle :

table.bordbleu { border: 80px solid #000080; }


Mais bon la règle au dessus t'évites d'avoir à ajouter tout ça. :-)