28172 sujets

CSS et mise en forme, CSS3

Pages :
Bonjour,
je ne réussi pas à ce que le paramètre itali soit pris en compte dans firefox

ni par le css :
.lien-sur-img{
	color:#FF0000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:800;
	}


ni par la balise <em> directement dans le html
(les autres paramètre couleur, police etc. étant bien pris en compte)
y a t il un astuce pour mettre en italique ?
Eric
Modifié par eerbrice (24 Oct 2009 - 21:46)
Bonjour et bienvenue sur Alsacréations,

Peux-tu nous montrer l'intégralité de ton code CSS ainsi que ton code XHTML pour que nous puissions traiter ton problème dans les meilleurs conditions possibles.
Modifié par jQz (24 Oct 2009 - 15:12)
jQz a écrit :
Bonjour et bienvenue sur Alsacréations,

Peux-tu nous montrer l'intégralité de ton code CSS ainsi que ton code XHTML pour que nous puissions traiter ton problème dans les meilleurs conditions possibles.
Je vois pas trop le problème, le texte ressort bien en italic avec firefox (v3.5.3 et 3.0.13).

La seule chose qui peux faire en sorte que le texte ne ressorte pas en italic, ça serait une surcharge de classe où il y aurait la propriété text-style: normal qui prendrait le dessus.

Une page en ligne serait la bien venu.
voici la page et le css ci dessous
file:///Mac/Applications/MAMP/htdocs/enaparte/valid/Les_Films_files/extraits.html

c'est donc les deux liens rouges sur l'affiche terre inconnue....


/* CSS Document */
body {background-color:#000000; width: 100%; height:100%;}
#conteneur{width:100%; height:100%;}
#center{ padding-left:10%; padding-right:10%;}
.charte-bandeau{
background-color:#000000;
width:100%;
height:40px;
}
#container {
	margin-left: 22%;
	margin-right: 24%;
}
.charte-bandeau-bas{
background-color:#000000;
width:100%;
height:42px;

}

.film{
	/*background-color: #FFFFCC;*/
	background-color:#FFFFFF;
	/*height:500px;*/
/*	overflow-y:auto;
overflow:-x:hidden;	*/	
margin-left: 6%;
margin-right:8%;
}
#film{
	/*background-color: #FFFFCC;*/
	background-color:#FFFFFF;
	height:80%;
	margin-left: 6%;
margin-right:8%;
overflow:auto;
	/*overflow-y:auto;
overflow:-x:auto;*/
/*width:100%;*/
}
#listfilm{
	/*background-color: #FFFFCC;*/
	background-color:#FFFFFF;
	height:80%;
	margin-left: 16%;
margin-right:18%;
overflow:auto;
	/*overflow-y:auto;
overflow:-x:auto;*/
/*width:100%;*/
}
.formation{
background-color:#FFFFCC;
width:800px;
margin:0 20% 0 5%;
font-family: 'Helvetica-Bold', 'Helvetica', 'Arial', sans-serif;}

#navbar{color:#FF0000; margin-left:17%;}
.navbar {color:#FF0000;}
.text{margin:0 15% 0 15%;}
.lien{
	color:#FF0000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:18px;
	}
.lien-sur-img{
	color:#FF0000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:800;
	}
#text-form{ margin: 0 90px 10px 90px;}
#text-form1{ margin-left: 25%;}
#text-liste{margin: 0 90px 10px 90px; line-height: 10,5pt;}
#tableau {font-size:18px;}
#logo {
/*	position:absolute;*/
	padding-left: 0px;
	padding-top: 0px;
	width: 200px;
	height: 65px;
	font-size:11px;
	text-align:center;
}
#logoabs {
	position:absolute;
	padding-left: 0px;
	padding-top: 0px;
	width: 212px;
	height: 56px;
	font-size:11px;
	text-align:center;
	left: 52px;
	top: 65px;
}
#logoabsvid {
	position:absolute;
	padding-left: 0px;
	padding-top: 0px;
	width: 212px;
	height: 56px;
	font-size:11px;
	text-align:center;
	left: 1px;
	top: 48px;
}
.tableau {margin-left:20%;
margin-top:0%;}


#rideauperfo {
background-image: url(Media/shapeimage_2copie.jpg);
	 position:absolute; width:160px; top: 0px;  bottom:1px;
}

#rideaurouge { /*background-color:#FF0000;*/
	/*background-color:#FF0033;*/
background-image:url(Media/rideau_rouge-bout1.jpg);
	position:absolute;
	/*width:50px;*/
width:5%;
	top:-1px;
	
}
#fontnoir { color: #000000;}
#fontrouge {color:#FF0000;}
#entravaux{color:#CCCCCC;}
#paddingvid {padding-top: 4%;}

Modifié par eerbrice (24 Oct 2009 - 21:47)
aie ! ils apparaissent pour toi en italique?? pourtant j'ai vidé les caches...
donc ce n'est pas un pb css à priori ...
Il y a des règles qui serait utile de lire et d'appliquer...

Remplace


.lien-sur-img{
	color:#FF0000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:800;
	}


Par


a.lien-sur-img{
	color:#FF0000;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:800;
	}


et dis nous si ça marche.
...ça ne change rien en ajoutant le "a".

De quelle règle veux tu parler, j'ai fait quelque chose qui ne convient pas ? Smiley decu
jQz c'est pour j'accuse ?
je ne vois pas ce que j'ai fait contre les règles...
c'est très désagréable de se voir accuser comme ça, sans aucune explication !
merci en tous cas à ceux qui m'ont répondu
Smiley bawling
Salut,

@eerbrice :

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
a écrit :
jQz c'est pour j'accuse ?


Non Smiley langue .

a écrit :
je ne vois pas ce que j'ai fait contre les règles...
c'est très désagréable de se voir accuser comme ça, sans aucune explication !


La règle n°13 par exemple.
Le modérateur vient de me donner la solution : mon erreur est que je n'ai pas mis mon
code en code

C'est un oubli, c'est une erreur de débutant; on ne peut pas apprendre le code civil en une fois.
Mais j'estime il n'est pas nécessaire de faire remarquer les erreurs de manière si sèche (en renvoyant juste aux règles , sans dire quelle est l'erreur qu'on pointe parmi les 19 ), surtout quand la personne est elle-même polie, comme ça a été le cas.
Dommage que mon premier contact avec ce forum commence par un coup de gueule,
mais j'estime que ce n'est pas parce qu'on est caché derrière son écran qu'on peut tout se permettre.
Smiley langue
je remercie bien sûr ceux qui m'ont répondu...
a écrit :
Dommage que mon premier contact avec ce forum commence par un coup de gueule,
mais j'estime que ce n'est pas parce qu'on est caché derrière son écran qu'on peut tout se permettre.


Ma remarque n'était pas à prendre comme un coup de gueule mais comme un rappel qu'il est préférable de lire toutes les règles avant de poster un message.
Mais il est vrai que j'ai été un petit peu trop concis dans mon explication.

En tout cas, content que ton problème soit réglé Smiley cligne .
Modifié par jQz (24 Oct 2009 - 17:03)
Pages :