28220 sujets

CSS et mise en forme, CSS3

Probleme mozilla

bonjour
probleme avec mozilla il ne charge pas mes images par contre aucun avec IE ou opera voici ma page css :
body
{
color: white;
background-color:#0033CC;
font-family :Tahoma, Helvetica, sans-serif;
}

A.navig {
border-right:1px solid #003300 ;
padding-right: 10px;
border-top: 1px solid #003300;
padding-left: 10px; font-size: 8pt;
background: #0000ff;
padding-bottom: 1px;
border-left:1px solid #003300 ;
width: 110px; COLOR: #003300;
padding-top: 1px;
border-bottom:1px solid #003300 ;
letter-spacing: 1px;
text-decoration: none;
color: #ffffff;
}
A.navig:hover {
border-right:1px solid ;
border-top:1px solid #990000 ;
background: #ffffff;
border-left:1px solid #990000 ;
color: #0000ff;
border-bottom:1px solid #990000 ;
}
A.subnavig {
color: #003300;
text-decoration: none;
font-size: 8pt;
font-weight: normal;
}
A.subnavig:hover {
color: #990000;
text-decoration: none;
}
h1 {
font-family :tahoma, Times New Roman, sans-serif;
font-size : xx-large;
font-style : italic;
color: white;
}
h2 {
font-family :tahoma, Times New Roman, sans-serif;
font-size :large;
font-style : italic;
color: white;

}
h3 {
font-family :tahoma, Times New Roman, sans-serif;
font-size :medium;
font-style : italic;
color: white;
}
h4 {
font-family :tahoma, Times New Roman, sans-serif;
font-size : small;
border-bottom:2px solid #ffffff ;
}
h5 {
font-family :tahoma, Times New Roman, sans-serif;
font-size : x-small;
color: black;
}
h6 {
font-family :tahoma, Times New Roman, sans-serif;
font-size : medium;
font-style : italic;
position: absolute;
top:180px;
left:340px;
}
img.z
{
position:absolute;
left:0px;
top:80px;
height:650px;
width:120px;
z-index:-1;
}
img.x
{
position:absolute;
left:0px;
top:0px;
height:80px;
width:1000px;
z-index:-1;
}
img.w
{
position:absolute;
left:120px;
top:80px;
height:650px;
width:881px;
z-index:-1;
}
merci pour le renseignement
Sur quel code (X)HTML cette CSS est-elle appliquée ?

(il faudrait utiliser la balise appropriée pour présenter tes codes sur le forum)
debut de ma page html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<!-- Date de création: 20/04/2005 -->
<head>
<title>SERRANO ARTISTE PEINTRE LE CANNET</title>
<META NAME="Title" CONTENT=" ARTISTE PEINTRE SERRANO LE CANNET">
<META NAME="Description" CONTENT="Serrano artiste peintre à la recherche de l'oeuvre parfaite">
<META NAME="Keywords" CONTENT="serrano,artiste,peintre,artiste peintre,peinture,huile,oeuvre,le cannet,valbonne,vallauris,biot,cannes,nice,paca,cote-d'azur,côte d'azur,french riviera,provence">
<META NAME="Classification" content="serrano,artiste,peintre,artiste peintre,peinture,le cannet">
<META NAME="revisit-after" CONTENT="30 days">
<META NAME="Language" CONTENT="en, fr">
<META NAME="Copyright" CONTENT="Pascal Jacquemus">
<META NAME="rating" CONTENT="General">
<META NAME="robots" CONTENT="index,follow,all">
<link rel="StyleSheet" type="text/css" href="style.css">
</head>
<body>
<h1><div style="text-align: center">SERRANO ARTISTE PEINTRE</div></h1>
<img class="z" src="image/04.jpg">
<img class="x" src="image/03.jpg">
<img class="w" src="image/02.jpg">

et celui de ma page css
@charset "iso-8859-1";

merci
Laurent Denis te demande d'appliquer les règles du forum, c'est à dire d'aller les lire, d'abord, pour mettre en forme ton code tel qu'il doit l'être, d'après ces dites règles. Il te faudra alors "éditer" tes posts avant que tu n'obtiennes ensuite une réponse...
Edit > J'ai la solution... En attente de l'édition de ton post. Smiley cligne
Modifié par Macpom (18 Oct 2005 - 09:21)
Bonjour pascal06,

Merci de baliser tes codes comme demandé dans les règles (n°13) que t'invitais également Laurent à lire.
Re-bonjour,

- problème des images: ne pas utiliser de valeurs négatives pour la propriété z-index (bien que le validateur CSS ne le signale pas, ces valeurs sont erronées). Utiliser simplement une position relative et un z-index supérieur à zéro pour l'élément à placer au premier plan (le tableau).

Sinon, tant qu'à corriger deux-trois petites choses :

- le format réel du code est plutôt HTML4.01 transitional. Ce n'est pas en tous cas du XHTML1.0 Strict. Voir http://css.alsacreations.com/Bases-et-indispensables/DTD-comment-choisir pour copier la bonne DTD et voir les règles à respecter.

- revoir au passage l'encodage du document: windows-1252 ne sera pas correctement rendu sur toutes les plates-formes et tous les navigateurs. Utiliser iso-8859-1, par exemple. Et pour la ligature oe, voir http://openweb.eu.org/articles/caracteres_illegaux/ ainsi que les abondantes discussions à ce sujet dans le forum.

- supprimer la règle @charset de la feuille de style, inutile ici puisqu'elle ne comporte aucun caractère non us-ascii. Voir http://blog-and-blues.org/weblog/2005/02/19/391-css-charset

- utiliser l'attribut alt des éléments img pour donner un équivalent textuel. Ici, un alt="" puisqu'elle sont décoratives et non fonctionnelles. Voir http://openweb.eu.org/articles/accessibilite_images/

- ... mettre [ code] ... [ /code] autour des exemples de codes dans tes messages ci-dessus (question de lisibilité).
Modifié par Laurent Denis (18 Oct 2005 - 09:50)
Administrateur
Bonjour Pascal06,

Vu que tu as placé ton sujet dans le salon "Tutoriels et exercices Alsacréations : "Service Après Vente", j'aimerais bien savoir quel est le tutoriel précis qui te pose un problème ? Smiley confus

PS : Si les modérateurs te demandent des choses à respecter au niveau des règles et que tu ne comprends pas ce qu'ils veulent dire : n'hésite pas à leur signaler (ou de lire les Règles bien sûr).
Par contre, si tu as compris ce qu'ils te demandent , merci de l'appliquer Smiley cligne
Sujet clos
Aller à