28173 sujets
,xioma a écrit :
la page d'accueil ne s'affiche pas très bien sur IE alors qu'elle fait excellente figure dans les autres navigateurs.
)
et que ça m'entraine j'ai fait un petit test pour ta page d'accueil qui devrait fonctionner également pour IE
<!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">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>DesignGraphiquePlus - Le savoir du design graphique appliqué à l'internet</title>
<meta name="description"
content="Nous nous proposons de perfectionner le design des sites web de manière à leur donner le graphisme et l'ergonomie idéal, tout en les optimisant pour un excellent référencement." />
<meta name="keywords"
content="utilisabilité, esthétique, facile à utiliser, savoir du design graphique, design, affiche, sites, graphisme" />
<meta http-equiv="Content-Language" content="fr" />
<style type="text/css">
body {
margin:0;
padding:0;
background-image: url(http://www.designgraphiqueplus.com/ImagesDGP/fondlignes.gif);
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
div#container1 {
background-color: white;
text-align: left;
margin: 0 auto;
width: 720px;
padding-bottom:150px;
border-right: 4px solid rgb(169,169,169);
border-left: 1px solid rgb(105,105,105)
}
div#banniereaccueil {
background-image: url(http://www.designgraphiqueplus.com/ImagesDGP/banniereDGPaccueil1_0.jpg);
width: 720px;
height: 117px
}
.logoDGP {
border-width: 0pt;
background-image: url(http://www.designgraphiqueplus.com/ImagesDGP/logoDGP.gif);
margin-top: 30px;
margin-left: 30px;
width: 75px;
height: 75px;
}
div#containerone {
height: 20px;
font-size: 0.7em;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-style: normal;
margin-bottom:40px;
}
div#containerone a {
color: white;
text-decoration: none;
background-color: rgb(112,128,144);
padding: 0.3em 0.6em;
width: 6em;
float: right;
border-left: 1px solid rgb(169,169,169)
}
div#containerone a:hover {
color: rgb(0, 0, 139);
background-color: rgb(176, 196, 222);
}
div#orignalbleu {
float:right;
margin-top: 35px;
margin-right:20px;
width: 211px;
height: 286px;
border: solid 1px #fff;
}
div#gauche {
float:left;
width: 150px;
}
div#containertwo {
margin-top: 20px;
text-align: left;
}
div#containertwo a {
color: rgb(0,0,139);
font-size: 0.8em;
font-style: normal;
text-decoration: none;
background-color: #f0f8ff;
text-indent: 4px;
margin: 5px;
padding-top: 2px;
padding-bottom: 2px;
width: 145px;
float: left;
border-bottom: 1px solid rgb(176,224,230)
}
div#containertwo a:hover {
color: rgb(255, 255, 255);
background-color: rgb(176, 196, 222);
}
div#petitextindex {
background-color: rgb(255,255,255);
margin: 5px;
width: 140px;
float: left;
}
div#petitextindex a {
color: rgb(112,128,144);
font-size: 0.7em;
text-decoration: none;
text-indent: 3px;
padding: 2px;
width: 135px;
float: left
}
div#petitextindex a:hover {
color: rgb(178,34,34);
text-decoration: none;
background-color: #f0f8ff;
text-indent: 3px;
padding: 2px
}
div#containervert1a {
background-color: #fff;
margin: 10px 0 0 170px;
padding: 1px;
width: 280px;
height: 400px;
border-left: 2px dotted rgb(176,196,222);
}
div#navbas6 {
background-color: #f0f8ff;
margin: 0 auto;
text-align:center;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
width: 720px;
height: 20px;
}
a.navigationBasTexte1 {
color: rgb(100,149,237);
font-size: 0.6em;
text-decoration: none;
padding-right: 12px;
padding-top: 2px;
}
a.navigationBasTexte1:hover {
color: rgb(178,34,34);
text-decoration: none
}
h1 { margin:0;
padding:0;
color: #00008b;
font-size: 1.9em;
font-weight: normal;
}
h3 {
color: rgb(255,255,255);
font-size: 0.9em;
font-weight: bold;
background-color: rgb(119,136,153);
text-indent: 6px
}
.texte5 {
color: #00008b;
font-size: 0.8em;
text-decoration: none;
padding-left: 15px;
width: 95%;
}
img { border-width: 0 }
</style>
</head>
<body>
<div id="container1">
<div id="banniereaccueil">
<a href="index.html"><img src="http://www.designgraphiqueplus.com/ImagesDGP/logoDGP.gif" class="logoDGP" alt="logo" /></a>
</div>
<div id="containerone">
<a href="contact.html">Contact</a>
<a href="services.html">Services</a>
<a href="articles.html">Articles</a>
<a href="portfolio.html">Portfolio</a>
<a href="index.html">Accueil</a>
</div>
<div id="gauche">
<div id="containertwo">
<a href="logos.html">Logos</a>
<a href="galeries.html">Galeries</a>
<a href="contenulibre.html">Contenu libre</a>
<a href="liens.html">Liens</a>
<a href="partenaires.html">Partenaires</a>
<a href="vie.html">Vie privée</a>
</div>
<div id="petitextindex">
<h3>Nouveaux articles</h3>
<a href="art001_logo.html">Un logo efficace</a>
<a href="art002_site.html">Défi du webmestre</a>
<a href="art003_carte.html">La carte de visite</a>
<a href="art004_affiche.html">L’affiche</a>
<a href="art005_ergonomie.html">Site web ergonomique</a>
<a href="art006_hebergement1.html">L'hébergement</a>
<a href="art007_hebergement2.html">Les serveurs virtuels</a>
<a href="art008_communication.html">Bonne communication</a>
<a href="art009_publicite.html">La publicité internet</a>
<a href="art010_promotion.html">La promotion internet</a>
</div>
</div>
<div id="orignalbleu">
<img src="http://www.designgraphiqueplus.com/ImagesDGP/orignal02.jpg" width="210" height="285" alt="Orignal bleu du Canada" />
</div>
<div id="containervert1a">
<div class="texte5">
<h1>Le savoir du design graphique appliqué à l'internet.</h1>
<p>Nous adhérons au concept d'utilisabilité et d'ergonomie des sites internet. Nous croyons qu’il est possible de créer un site à la fois utile, esthétique, facile à utiliser, fiable et accessible.</p><p> Les technologies reliées à l'internet évoluent très rapidement. Il est toutefois possible de suivre et de devancer l'évolution de ce merveilleux moyen de communication grâce à la passion que génère ce medium hors du commun. Le design graphique s'applique autant au domaine de l'internet qu'à celui l'imprimerie.</p><p> Nous nous proposons de perfectionner le design des sites web de manière à leur donner l'esthétisme et l'ergonomie idéal, tout en les optimisant pour un excellent référencement.</p>
</div>
</div>
</div>
<div id="navbas6">
<a class="navigationBasTexte1" href="index.html">Accueil</a>
<a class="navigationBasTexte1" href="portfolio.html">Portfolio</a>
<a class="navigationBasTexte1" href="articles.html">Articles</a>
<a class="navigationBasTexte1" href="services.html">Services</a>
<a class="navigationBasTexte1" href="contact.html">Contact</a>
<a class="navigationBasTexte1" href="mailto:daniel@designgraphiqueplus.com">Webmestre</a>
</div>
</body>
</html>
Ce div est draguable
(Marcel) Les contenus licencieux ne sont pas admis sur ce forum.
(Gertrude)