Statut : Non résolu

Pb CSS avec IE

Euskamicha, le mardi 19 février 2008 à 12:22:22

Bonjour,

Alors voilà, encore un souci avec IE et CSS me direz vous! Il est pénible suis là, il a qu'à regarder le forum et chercher! Le souci c'est que j'ai fait et ben pas trouvé! Alors je recode complètement mon site via notepad++. Sous firefox, ça roule (juste quelques petits trucs mais rien de bien grave), mais sous IE (c'"est le 7), là c'est la cata. Allez on commence par la page d'acceuil, j'essaye de vous mettre les codes dessous.

J'avais mon menu déroulant qui passait au dessus de ma bannière. Ca j'ai réussi à le résoudre en créant une div all qui englobe tout. Mais du coup, j'ai un très gros espace en haut que ce soit sous FF ou IE.
Le menu déroulant: c'est du javascript. Les sous menus ne sont plus espacés sous IE et surtout les couleurs de fond et de texte sont changées (ça je trouve énorme!).

Voilà pour le début, je vous mets les codes, si vous avez des remarques, je suis tout ouie! D'avance, merci.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Le Tennis de Table dans les Pyrénées Atlantiques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script language="javascript" src="css/menu.js"></script>
<link rel="stylesheet" type="text/css" href="css/menu.css">
</head>

<body>


<div id="all">

<div id="en_tete">

</div>

<div id="conteneurmenu">
<script language="Javascript" type="text/javascript">
preChargement();
</script>

<p id="menu1" class="menu"
onmouseover="MontrerMenu('ssmenu1');"
onmouseout="CacherDelai();">
<a href="../competitions/accueilsectioncompetition.html"
onfocus="MontrerMenu('ssmenu1');">COMPETITION<span> :</span></a>
</p>
<ul id="ssmenu1" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="../competitions/equipes.html">Championnat par Equipes<span> ;</span></a>
</li>
<li>
<a href="../competitions/criterium.html">Critérium Fédéral<span> ;</span></a>
</li>
<li>
<a href="../competitions/jeunes.html">Championnat Jeunes<span> ;</span></a>
</li>
<li>
<a href="../competitions/tournois.html">Tournois<span>.</span></a>
</li>
<li>
<a href="../competitions/regles.html">Règlements<span>.</span></a>
</li>
<li>
<a href="../competitions/calendriers.html">Calendrier<span>.</span></a>
</li>
</ul>
<p id="menu2" class="menu"
onmouseover="MontrerMenu('ssmenu2');"
onmouseout="CacherDelai();">
<a href="../gestion/accueilsectiongestion.html"
onfocus="MontrerMenu('ssmenu2');">GESTION<span> :</span></a>
</p>
<ul id="ssmenu2" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="../gestion/accueilsectiongestion.html">Comité Départemental<span> ;</span></a>
</li>
<li>
<a href="../clubs/accueilsectionclub.html">Clubs<span> ;</span></a>
</li>
<li>
<a href="encreation.html">Joueurs<span> ;</span></a>
</li>

</ul>
<p id="menu3" class="menu"
onmouseover="MontrerMenu('ssmenu3');"
onmouseout="CacherDelai();">
<a href="../formation/accueilsectionformation.html"
onfocus="MontrerMenu('ssmenu3');">FORMATION<span> :</span></a>
</p>
<ul id="ssmenu3" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="../technique/detection.html">Détection<span> ;</span></a>
</li>
<li>
<a href="../formation/dirigeants.html">Dirigeants<span> ;</span></a>
</li>
<li>
<a href="../formation/entraineurs.html">Entraîneurs<span> ;</span></a>
</li>
<li>
<a href="../formation/arbitrage.html">Arbitrage<span> ;</span></a>
</li>
</ul>
<p id="menu4" class="menu"
onmouseover="MontrerMenu('ssmenu4');"
onmouseout="CacherDelai();">
<a href="../medias/accueilsectionmedias.html"
onfocus="MontrerMenu('ssmenu4');">MEDIAS<span> :</span></a>
</p>
<ul id="ssmenu4" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="../medias/presse.html">Presse<span> ;</span></a>
</li>
<li>
<a href="../medias/newsletter.html">Newsletter<span> ;</span></a>
</li>
<li>
<a target="_blank" href="http://spid.fftt.com/spid/home.do">SPID<span> ;</span></a>
</li>
<li>
<a target="_blank" href="http://www.tennis-de-table.com/forums/sujet-20766-1.html">FORUM<span>.</span></a>
</li>
<li>
<a href="../medias/photos.html">Photos<span>.</span></a>
</li>
<li>
<a href="../medias/videos.html">Vidéos<span>.</span></a>
</li>
</ul>
<p id="menu5" class="menu"
onmouseover="MontrerMenu('ssmenu5');"
onmouseout="CacherDelai();">
<a href="../annonces/accueilsectionannonces.html"
onfocus="MontrerMenu('ssmenu5');">ANNONCES<span> :</span></a>
</p>
<ul id="ssmenu5" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="../annonces/materiel">Matériel<span> ;</span></a>
</li>
<li>
<a href="../annonces/emploi">Emploi<span> ;</span></a>
</li>
<li>
<a href="../annonces/divers">Divers<span> ;</span></a>
</li>
</ul>
<p id="menu6" class="menu"
onmouseover="MontrerMenu('ssmenu6');"
onmouseout="CacherDelai();">
<a href="contact.html"
onfocus="MontrerMenu('ssmenu6');">CONTACT<span> :</span></a>
</p>
<ul id="ssmenu6" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="contact.html">Comité Départemental<span> ;</span></a>
</li>
<li>
<a href="contact.html">Clubs<span> ;</span></a>
</li>
<li>
<a href="contact.html">Webmaster<span> ;</span></a>
</li>
<li>
<a href="contact.html">Formulaire de contact<span> ;</span></a>
</li>
</ul>

<p id="menu7" class="menu"
onmouseover="MontrerMenu('ssmenu7');"
onmouseout="CacherDelai();">
<a href="contact.html"
onfocus="MontrerMenu('ssmenu7');">AIDE<span> :</span></a>
</p>
<ul id="ssmenu7" class="ssmenu"
onmouseover="AnnulerCacher();"
onmouseout="CacherDelai();"
onfocus="AnnulerCacher();"
onblur="CacherDelai();">
<li>
<a href="">Fonctionnement site<span> ;</span></a>
</li>
<li>
<a href="">Plan site<span> ;</span></a>
</li>
</ul>

</div>
<script language="Javascript"
type="text/javascript">
// Vous pouvez éventuellement changer des variables ici
// voir la configuration du menu plus bas.
Chargement();</script>


<div id="conteneur">

<div id="news">

</style>
<script type="text/javascript" language="javascript">
function uniqueIDInDOM() //genÃ¨re un id unique dans le DOM
{
var resu=Math.ceil(Math.random()*9999)+'_'+(+new Date().getTime()); //tant qu'un element du dom possede deja un tel ID
while(document.getElementById(resu)!=null) // on en genere aleatoirement un nouveau
{ resu=Math.ceil(Math.random()*9999)+'_'+(+new Date().getTime()); } //le fait d'utiliser un timestamp limite grandement la chance d'avoir
return resu; //mais veut mieux verifier
}

function f_init()
{
var monContainer=new MAX3315_Container('div_container');
monContainer.loadFromUl(document.getElementById('news_data'));
}
</script>
</head>

<body onLoad="f_init();">
<div id="div_container"><ul id="news_data">
<li>
<ul>
<li><p><strong>Dernière mise à jour :<br>Jeudi 5 janvier 2006 15:50</strong></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li><p><strong>Championnat par équipes:</strong><br>Les titres départementaux</p></li>
<li><a href="../competitions/acceuilsectioncompetitions.html" target="_self"></a></li>
</ul>
</li>
<li>
<ul>
<li><p><strong>Championnat jeunes:</strong><br>Résultats du 3<sup>ème</sup>tour</p></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li><p><strong>Divers:</strong><br>Explications sur nouveautés site</p></li>
</ul>
</li>
<li><ul>
<li><p><strong>Test:</strong><br>Ceci est un test!</p></li>
</ul>
</li>
</ul></div>

</div>
</div>

<div id="calendrier">
<table>
<tr><td>14/03: 12<sup>éme</sup>journée de championnat</td></tr>
<tr><td>28/03: Tournoi annuel de Biarritz</td></tr>
<tr><td>22/06: Tournoi de Bayonne</td></tr>
</table>
</div>

<div id="liens">
<table>
<tr><td><a target="_blank" href="http://fftt.com"><img src="images/logoffttpetit.gif"></a></td>
<td><a target="_blank" href="http://www.latt.fr/"><img src="images/logoliguepetit.gif"></a></td></tr>
<tr><td><a target="_blank" href="http://www.cg64.fr/"><img src="images/logocg64petit.gif"></a></td>
<td><a target="_blank" href="http://www.mjsaquitaine.jeunesse-sports.gouv.fr/DD064/Index.htm"><img src="images/logoddjspetit.gif"></a></td></tr>
<tr><td><a target="_blank" href="http://www.tennis-de-table.com/"><img src="images/logottcompetit.gif"></a></td>
<td><a target="_blank" href="http://www.le-pongiste.com/"><img src="images/lepongistepetit.gif"></a></td></tr>
</table>
</div>

<div id="compteur">
<table><tr>
<td><script type='text/javascript'
src='http://www.123compteur.com/count-skinable-premium.php?votre_id=376179&font_color=FF0000&back_color=FFCC33&back_color2=FFFFCC&font_family=Times New Roman&nom_site=CD 64 TT'>
</script><noscript><a href="http://www.123compteur.com" target="_blank">compteur</a></noscript></td>
</tr></table></div>

<div id="corps">
<h1>Bienvenue sur le site du Tennis de Table dans les Pyrénées Atlantiques</h1>
<h3></h3>
<p class="citation">Bon, vous avez du remarquer que le site internet du comité avait subi un léger relooking.
Mais pourquoi et surtout comment on s'y retrouve?</p>

<p class="signature">Michael<br/>Gestion du site CDTT 64</p>

</div>
</div>
</div>
</body>
</html>

Et le CSS correspondant à la page d'accueil:

body {
width: 100%;
height: 100%;
margin: auto;
margin-bottom:0;
margin-top: 0px;
background-color:#ffff88;
}
#all
{
position:relative;
height:100%;
margin:0;
padding:0;
}

#en_tete
{
width: 100%;
height: 20%;
background-image: url("../images/banniere.gif");
background-position:top;
background-repeat: no-repeat;
position:absolute;
position:center;
top:1px;
}

@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
visibility:hidden;
}
}

.menu, .ssmenu {
background-color:#ffe01f;
color:red;
font-weight:bold;
font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
text-align: center;
border:1px solid #EFB;
padding:1px;
margin-top:95px;
/* width et margin sont au cas où le javascript est désactivé. */
width:15em;
margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
text-align:center;
font-size:14px;
border: 4px;
border-style: ridge;
border-color: white;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AA8922,endColorStr=#543210);
white-space : no-break;
font-size:12px;
}

.menu span, .ssmenu span {
/* Ne pas toucher
C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
pause dans l'élocution */
display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
padding:0;
padding-bottom: 5px;
margin:0;
list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
color:red;
padding:0px;
text-decoration:none;
/* Ne pas modifier le block, margin et width */
display:block;
margin:0px;
width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
On change les couleurs du texte et de fond, et on enlève le soulignement.
*/
background-color:red;
color:#ffff88;
text-decoration:none;
}

img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
car c'est vilain :-p */
border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
display:block;
}

/* Le corps de la page */

#corps
{
margin-left:20%;
margin-right:20%;
margin-bottom: 5px;
background-repeat: no-repeat;
padding: 5px;
color: #0015f8;
border: none;
}

#corps h1
{
color: red;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 22px;
font-weight: bold;
text-align: center;
}

#corps h2
{
height: 30px;
background-repeat: no-repeat;
padding-left: 0px;
color: #0015f8;
text-align: left;
font-size: 18px;
text-decoration: blink;
font-weight: bold;
text-align: center;
margin-bottom:0%;
}
#corps h3
{
height: 30px;
background-repeat: no-repeat;
padding-left: 0px;
color: #2a3295;
text-align: center;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#corps p
{
font-size: moyen;
color: #2a3295;
font-family: Arial,"Times New Roman", serif;
font-weight: bold;
}

#corps table
{
border-collapse: separate;
empty-cells: hidden;
border: none;
width: 95%;
}
#corps table td
{
border: 6px outset #0015f8;
height: 60px;
width: 120px;
background-color: #ffe01f;
vertical-align: middle;
text-align:center;
padding:2px;
font-family: Arial,"Times New Roman", serif;
font-weight: bold;
font-size: 1.2 em;
empty-cells: hide;
text-decoration: none;
margin: 5px 20px;
}
.clignotant
{
text-decoration:blink;
}
#conteneur pied_de_page
{
background-color: #ffe01f;
border: 8px;
border-style: ridge;
border-color: white;
position: relative;
bottom: 2%;
width:80%;
height: 20px;
left:10%;
color: red;
font-style: italic;
font-size: 16px;
text-align: center;
vertical-align: center;
font-weight: bold;
margin-top: 20px;
}
#conteneur pied_de_page p
{
color: red;
font-style: italic;
font-size: 14px;
text-align: center;
vertical-align: center;
}

a
{
text-decoration:none;
}

#news
{
margin: 2px;
margin-top:10%;
margin-right:0.5%;
margin-bottom:0px;
float:left;
width:15%;
height:10%;
border:8px ridge red;
border-left:solid 2px red;
border-top:solid 2px red;
background-color:#fccc04;
text-align:center;
font-size:14px;
color:#2a3295;
clear:both;
}

#calendrier
{
margin: 2px;
margin-top:2%;
margin-right:0.5%;
float:left;
width:15%;
height:10%;
border:8px ridge red;
border-left:solid 2px red;
border-top:solid 2px red;
background-color:#fccc04;
text-align:center;
z-index:100;
clear:both;
}

#calendrier table
{
border:0px ridge white;
}

#calendrier table tr
{
padding:0px;
padding-top:1px;
padding-bottom:1px;
color:#2a3295;
text-align:center;
font-size:14px;
font-weight:bold;
margin:2px;
}

#liens
{
margin: 5px;
margin-top:-5%;
margin-right:0.5%;
margin-bottom:1px;
float:right;
width:10%;
height:10%;
border:8px ridge red;
border-left:solid 2px red;
border-top:solid 2px red;
background-color:#fccc04;
z-index:99;
}

#liens table
{
border:0px ridge white;
}

#liens table tr td
{
padding:0px;
color:#0030ea;
text-align:center;
font-size:14px;
margin:2px;
}

#liens table tr td a
{
padding:0px;
color:#2a3295;
text-align:center;
font-size:14px;
margin:2px;
font-weight:bold;
}

#liens table tr td a img
{
border:none;
vertical-align:center;
text-align:center;
}

#compteur
{
margin: 2px;
margin-top:2%;
margin-right:0.5%;
float:right;
width:10%;
height:10%;
border:0px ridge red;
border-left:solid 0px red;
border-top:solid 0px red;
background-color:none;
text-align:center;
z-index:100;
clear:both;
}

#compteur table
{
border:0px ridge white;
}

#compteur table tr td
{
padding:0px;
padding-left:5px;
color:#0030ea;
text-align:center;
font-size:14px;
margin:2px;
}

#compteur table tr td a
{
padding:0px;
color:#2a3295;
text-align:center;
font-size:14px;
margin:2px;
font-weight:bold;
}

#compteur table tr td a img
{
border:none;
vertical-align:center;
text-align:center;
}

.signature
{
font-size: normal;
font-style:italic;
text-align:right;
font-family: Arial,"Times New Roman", serif;
font-weight: bolder;
width: 100%;
margin: 1px;
margin-top:10px;
}

.citation
{
font-size: moyen;
color: #1b8000;
font-family: Arial,"Times New Roman", serif;
font-weight: bold;
text-align: justify;
text-indent: 40px;
width:100%
}

Je bosse sur frontpage, mais me taper pas, je débute! Le code ça vient doucement mais surement...

Configuration: Windows XP
Firefox 2.0.0.12

Répondre à Euskamicha Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Dalida, le mardi 19 février 2008 à 12:29:46

salut,

juste trois remarques mais qui ne résoudront pas ton problème :

sur le forum, met le code en forme avec ce bouton

change ton DTD pour du XHTML 1.0 Strict

as-tu une version en ligne ? c'est plus pratique de mettre les doigts dedans !
-;o)

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Répondre à Dalida

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Euskamicha, le mardi 19 février 2008 à 12:33:22

Merci pour le bouton, j'avais pas vu!

Ben en fait, il y a une version en ligne mais c'est du frontpage, en fait je suis le 3ème webmaster successif de ce site et donc j'ai commencé avec frontpage comme mes prédécesseurs mais now I want a nice site! Du coup, code! J'ai 95 % fini mais je peux pas remplacer tant que j'ai pas résolu ce souci avec IE en fait. Ca m'énerve!
Je bosse sur frontpage, mais me taper pas, je débute! Le code ça vient doucement mais surement...

Répondre à Euskamicha

Posez votre question Répondre

Les CSS !!! IE!=FireFox (Résolu)Allo, Bonne Année, j'ai un souci de CSS. je suis entrain de faire un site valide W3C. Mon souci est que j'utilise les div et les css et que depuis I.E. on ne voit que le fond de la page alors que sous Firefox on voit mon contenu (oui, je... www.commentcamarche.net/forum/affich-2561865-les-css-ie-firefox

Pb CSS IE et mozilla (Résolu)Bonjour, Je souhaite différencier la valeur margin top entre internet explorer et mozilla, on ma dit que internet lis le 2eme critère alors j'ai fait cela : .pied { position : center; margin-left:257px; margin-top:1200px; margin-top:780px;... www.commentcamarche.net/forum/affich-6938476-pb-css-ie-et-mozilla

[CSS & IE7]background-image property (Résolu)Bonjour, Voilà, j'ai un soucis de css avec IE7. Voici une classe typique dans mes CSS : .multipleDossier { padding : 0 0 0 0px; width:20px; height:20px; text-align:right; vertical-align:top; background-color : #E7E7E7; background... www.commentcamarche.net/forum/affich-2633977-css-ie7-background-image-property

Les CSS pour présenter vos imagesPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes... www.commentcamarche.net/faq/sujet-9100-les-css-pour-presenter-vos-images

[CSS] Créer facilement des CSSUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.bradsoft.com/download/index.asp www.commentcamarche.net/faq/sujet-1035-css-creer-facilement-des-css

[CSS & IE7] class pour un élément <td> (Résolu)Bonjour, je fais encore appel à vos connaissance en matière de CSS pour un nouveau problème de compatibilité entre IE6 et IE7. Dans une page JSP, je tente d'afficher certaines informations dans un tableau, et pour ce faire voici mon code : www.commentcamarche.net/forum/affich-2637105-css-ie7-class-pour-un-element-td

CSS IE6 retourligne bloc réduction navigateur (Résolu)Bonjour, Je suis en cours de développement d'un site internet en JSP sur serveur Apache J2EE. J'ai réalisé le design de mon site en CSS qui le rend parfait sous FF, sous IE7 et sous IE6 (après adaptation). Le seul problème que je rencontre... www.commentcamarche.net/forum/affich-4123449-css-ie6-retourligne-bloc-reduction-navigateur

CSS, IE et Firefox ! (Résolu)Bonjour tout le monde ! J'aurais besoni de quelques petits conseil pour rendre le CSS compatible sous Internet Explorer ... J'ai essayé de chercher un peu mais je n'ai pas trouver grand chose. Le mieux c'est que je vous montre :... www.commentcamarche.net/forum/affich-4961615-css-ie-et-firefox

Télécharger Power IE6 Power IE 6 est compatible avec Internet Explorer 7, c'est un logiciel d'origine canadienne, qui vous permet en quelques clics de rendre vos surfs plus discret : Nouvelles fonctionnalités : Le logiciel est désormais multilingue, et... www.commentcamarche.net/telecharger/telecharger-34055794-power-ie6

Télécharger IETabIE Tab est une extension pour Mozilla Firefox, et uniquement pour les systèmes d'exploitation Windows. Elle permet à une page Web ou à un lien d'être ouvert dans un onglet de Firefox avec le moteur d'Internet Explorer. Cette extension est... www.commentcamarche.net/telecharger/telecharger-34055226-ietab

Télécharger IETesterSi vous êtes intégrateur web ou simple concepteur web, un grand soucis que vous devez surmonter es la compatibilité de votre site avec tous les navigateurs disponibles. La bête noire de tous est IE6. IETester est un navigateur gratuit permettant de... www.commentcamarche.net/telecharger/telecharger-34055857-ietester

CSS - Les classes de style Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des styles. Elle consiste à préciser la... www.commentcamarche.net/css/cssclass.php3

CSS - Les couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Le langage HTML définit des noms pour un nombre limité de couleurs (cf couleurs en HTML). Le nombre de couleurs... www.commentcamarche.net/css/css-couleurs.php3

CSS - Syntaxe des styles La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de préciser à quelles... www.commentcamarche.net/css/csssyntax.php3

Toutes les réponses pour « Pb CSS avec IE »