Mon css fonctione qu'avec IE.
bonjours, je suis debutant en programation avec les css
cela fonctionne bien avec IE, mais chrome, firefox etc aucun affichage
je met un bout de mon code
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
|
<html>
<head>
<link href="css/tag.css" rel="stylesheet" title="tag" type="text/css" id="tag">
<link href="css/cadre.css" rel="stylesheet" title="cadre" type="text/css" id="cadre">
<link href="css/inscription.css" rel="stylesheet" title="Inscription" type="text/css" id="inscription">
<link href="css/infobulle.css" rel="stylesheet" title="onfobulle" type="text/css" id="infobulle">
</head>
<body class="l_fr_FR" id="default">
<!--cadre general -->
<div class="adoptme" id="Mise_En_Page_Global">
<!--haut de page, logo, pub, ...-->
<div id="cadre_Haut_page_logo_pub">
<div id="Espace_publicitaire_en_haut_page"> </div>
<div id="Cadre_du_logo">
<p id="affiche_logo"><a href="http://www.adoptme.com/" title="adoptme.com"></a></p>
</div>
</div>
<!-- cadre general pour l'inscription -->
<div class="inscription" id="cadre_general_inscription">
<h1 class="pagetitle active" id="etape1">» Step 1 </h1>
<h2 class="pagetitle inactive" id="etape2">» Step 2 </h2>
<h2 class="pagetitle inactive" id="etape3">» step 3 </h2>
<div id="inscription_colone_gauche">
<form id="subscribe" method="post" action="http://www.skyrock.com/m/account/subscribe.php">
<p>
<input type="hidden" id="bypass_email" name="bypass_email" value="0">
</p>
<p class="note" id="required">Les champs précédés d'un astérisque sont obligatoires.</p>
<fieldset>
<h4>Identifiants et paramètres de connexion</h4> |
tag.css
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
|
* {
margin: 0;
padding: 0;
}
body {
text-align: center;
font-family: "Arial", "Geneva", sans-serif;
font-size: 12px;
color: #2b343d;
background-color: #fff;
background-image: url(../img/Fond_ecran/fnd.png);
background-repeat: repeat-x;
} |
cadre.css
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
|
@charset "utf-8";
/**************************************************************
* <a href="http://www.adoptme.com" target="_blank">http://www.adoptme.com</a>
Gestion des cadre *
**************************************************************/
div.adoptme {
width: 800px;
}
#Mise_En_Page_Global {
margin: auto;
position: relative;
}
/*Haut de page avec la pub, logo du site */
#affiche_logo {
width: 250px;
height: 65px;
margin-left: 10px;
background: url(../img/logo/logo.png) no-repeat top left;
}
#cadre_Haut_page_logo_pub {
width: 100%;
text-align: left;
}
#Cadre_du_logo {
clear: both;
overflow: hidden;
position: relative;
height: 65px;
margin-top: 5px;
}
#Espace_publicitaire_en_haut_page {
width: auto;
color: #938f8a;
overflow: visible;
position: relative;
z-index: 2;
background-image: url(../img/Pub/pub.gif);
background-repeat: no-repeat;
background-position: center bottom;
height: 80px;
}
/*gestion des cadres pour l'inscription */
#cadre_general_inscription {
text-align: left;
margin-bottom: 0.5em;
clear: both;
} |
et les deux autre fichier, c'est que de la mise en page.
de plus pourquoi les fonctions
Code:
1 2
| -moz-border-radius:8px;
-webkit-border-radius:8px; |
ne fonctionne pas.
merci a ceux qui pourons m'aider