Bonjour,
Je me présente , imatt , nouveau membre du forum . Etant designer amateur et touchant un peu à la programmation j'ais décidé de réaliser mon propre site web.
J'ais finis ma mise en page notamment grâce à vos tutoriaux bien expliqués.
Seulement , j'ais un petit souci avec le navigateur : Safari , en effet il m'affiche tous mes textes en gras .
Je vous joins mon .html et mon .css en vous remerciant d'avance de l'aide que vous pourriez m'apporter .
url : http://matt0127.free.fr/MATTC_dev/accueil.html
code html :
code css :
Modifié par imatt (30 Oct 2008 - 16:24)
Je me présente , imatt , nouveau membre du forum . Etant designer amateur et touchant un peu à la programmation j'ais décidé de réaliser mon propre site web.
J'ais finis ma mise en page notamment grâce à vos tutoriaux bien expliqués.
Seulement , j'ais un petit souci avec le navigateur : Safari , en effet il m'affiche tous mes textes en gras .
Je vous joins mon .html et mon .css en vous remerciant d'avance de l'aide que vous pourriez m'apporter .
url : http://matt0127.free.fr/MATTC_dev/accueil.html
code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Matt.connection</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="conteneur">
<div id="en_tete">
<img src="images/MATTC_03.png" alt="" />
</div>
<div id="presentation" class="pr">
<img src="images/MATTC_20.png" class="imageflottante" alt="" />
<div class="bienv">
Bienvenue sur matt’s connection.net , <br/>
portfolio officiel de Matthieu B. <br/>
Lycéen de 17ans fortement intéressé <br/>
par le domaine de l’informatique et <br/>
infographiste amateur , j’ai alors <br/>
décidé de réaliser mon site personnel <br/>
afin de partager mes créations . Je <br/>
vous souhaite une bonne visite .<br/>
</div>
<img src="images/MATTC_21.png" class="points" alt="" />
<div class="partenaire">
<h1 class="partenaire">PARTENAIRES</h1>
<p class="sapphx"><a class="linksapphx" href="http://sapphir77.free.fr/" target = "_blank" ><img src="images/MATTC_22.png" class="sapphx_59" alt="" /></a></p>
</div>
</div>
<div id="block_right" >
<div class="accueil">
<div class="der_creas">
<h1 class="der_creas">DERNIERES CREATIONS</h1>
</div>
<img src="images/MATTC_21.png" class="pointss" alt="" />
<div class="der_creas">
<h1 class="projets">PROJETS A VENIR</h1>
</div>
</div>
<div class="forum">
</div>
<div class="competences">
</div>
<div class="creations">
</div>
<div class="contact">
</div>
<div class="faq">
</div>
</div>
<div id="menu">
<div class="button">
<div class="title">
<a href="accueil.html" >Accueil</a>
</div>
</div>
<div class="button">
<div class="title">
<a href="Forum.html" >Forum</a>
</div>
</div>
<div class="button">
<div class="title">
<a href="competences.html" >Compétences</a>
</div>
</div>
<div class="button">
<div class="title">
<a href="creations.html" >Créations</a>
</div>
</div>
<div class="button">
<div class="title">
<a href="contact.html" >Contact</a>
</div>
</div>
<div class="button">
<div class="title">
<a href="faq.html" >Faq</a>
</div>
</div>
</div>
<div id="copyright">
<img src="images/MATTC_25.png" class="imgg" width="14px" height="14px" alt="" />
<div class="txt">All right reserved
Matt.connection 2008<br/></div>
</div>
<div id="pied_page">
<img src="images/MATTC_17.png" alt="" />
</div>
</div>
</body>
</html>code css :
body
{
width: 1000px;
height: 470px;
margin: auto;
background-color: #efefef;
}
html
{
margin:0px;
padding:0px;
}
#en_tete
{
width: 253px;
height: 206px;
margin-left: 380px;
margin-top: 135px;
}
#presentation
{
float: left;
margin-top: 2px;
margin-left: 62px;
width: 330px;
height: 248px;
background-image: url("images/MATTC_06.png");
}
.imageflottante
{
float: left;
padding-top: 10px;
padding-left: 10px;
}
.bienv
{
margin-top:13px;
padding-left: 100px;
font-size: 11px;
font-family: Verdana;
color: #585858;
}
.points
{
width: 301px;
height: 9px;
}
.partenaire
{
margin:0px;
padding-left: 8px;
font-size: 9px;
font-family: Verdana;
font-weight: bold;
color: #086ea3;
}
.linksapphx , .sapphx_59
{
border: 0px;
}
.sapphx
{
margin-top: 25px;
}
.sapphx_59
{
display: block ;
background: url(images/MATTC_22.png) left top no-repeat ;
}
.sapphx_59:hover, .sapphx_59:focus, .sapphx_59:active
{
background: url(images/MATTC_23.png) left top no-repeat ;
}
#block_right
{
float: right;
margin-top: 2px;
width: 330px;
height: 248px;
margin-right: 53px;
background-image: url("images/MATTC_06.png");
}
.der_creas
{
margin-top:5px;
padding-left: 8px;
font-size: 9px;
font-family: Verdana;
font-weight: bold;
color: #086ea3;
}
.pointss
{
padding-top: 100px;
width: 301px;
height: 9px;
}
.projets
{
padding-left: 8px;
font-size: 9px;
font-family: Verdana;
font-weight: bold;
color: #086ea3;
}
#menu
{
overflow: visible;
height: 1%;
width: 209px;
height: 211px;
margin: auto;
margin-top: 2px;
margin-left: 400px;
background-image: url("images/MATTC_11.png");
}
.button
{
width: 208px;
height: 27px;
background-image: url("images/MATTC_24.png");
margin-bottom: 9.4px;
}
.title, .title a
{
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color: #d2d2d2;
text-decoration: none;
padding-top:5px;
text-align: center;
}
a:hover
{
color:#ffffff;
}
#copyright
{
width: 209px;
height: 35px;
margin: auto;
margin-top: 2px;
margin-left: 400px;
background-image: url("images/MATTC_14.png");
}
.txt
{
padding-top: 5px;
padding-left: 40px;
font-size: 9px;
font-family: Verdana;
font-style: normal;
color: #b5b5b5;
}
.imgg
{
float: left;
width: 14px;
height: 14px;
padding-left: 15px;
padding-top: 10px;
}
#pied_page
{
width: 209px;
height: 149px;
margin-top: 2px;
margin-left: 400px;
}Modifié par imatt (30 Oct 2008 - 16:24)
) ni avec Firefox ni avec Safari (sur Mac). Tu es sûr de ne pas avoir été simplement surpris par le lissage très fort des caractères appliqué par Safari? Il y a également les textes dans une couleur claire sur un fond sombre qui apparaissent comme excessivement gras sur Mac et dans Safari sous Windows.