Hello a toute la communauté du forum alsacréations,
J'ai découvert ce site depuis hier et j'apprends énormément, c'est une mine d'information sans pareil ! En plus toujours très bien expliqué donc que du bon
.
Toutes fois j'ai une problème d'affichage de mon design celons les différents nav' et ce malgré les astuces proposer sur le site ! Sur firefox tout vas bien, par contre sur chrome il y a un bug, et sur IE là même pas la peine d'en parler
!
J'aimerais savoir d'où viens le problème et sa solution, au moins sur Chrome vu que c'est la première fois que sa plante sur ce nav'...
Voici mes codes HTML & CSS :
Et ce que sa donne celons mes nav'
:
Sur firefox (bon affichage) :
http://nsa27.casimages.com/img/2011/11/13/111113053254197656.png
Sur chrome (un bug sur le div "news") :
http://nsa28.casimages.com/img/2011/11/13/111113053850620068.png
Sur internet explorer (apocalypse ) :
http://nsa27.casimages.com/img/2011/11/13/111113053328982313.png
Modifié par azledev (04 Dec 2011 - 16:56)
J'ai découvert ce site depuis hier et j'apprends énormément, c'est une mine d'information sans pareil ! En plus toujours très bien expliqué donc que du bon
.Toutes fois j'ai une problème d'affichage de mon design celons les différents nav' et ce malgré les astuces proposer sur le site ! Sur firefox tout vas bien, par contre sur chrome il y a un bug, et sur IE là même pas la peine d'en parler
!J'aimerais savoir d'où viens le problème et sa solution, au moins sur Chrome vu que c'est la première fois que sa plante sur ce nav'...
Voici mes codes HTML & CSS :
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="index.css" />
<title>GrepolisToolkit_V2</title>
</head>
<body>
<div id="bloc_page">
<header>
<h1>GrepolisToolkit</h1>
<h2>Tools</h2>
</header>
<div id="assemblage">
<div id="tableau_stats_w">
<table>
<thead> <!-- En-tête du tableau -->
<tr>
<th><h3>Mondes Francais</h3></th>
</tr>
</thead>
<tbody> <!-- Corps du tableau -->
<tr>
<td><a href="/mondes/ALPHA/">FR1 Alpha</a></td>
<td><a href="/mondes/SIGMA/">FR18 Sigma</a></td>
</tr>
<tr>
<td><a href="/mondes/BETA/">FR2 Bêta</a></td>
<td><a href="/mondes/TAU/">FR19 Tau</a></td>
</tr>
<tr>
<td><a href="/mondes/GAMMA/">FR3 Gamma</a></td>
<td><a href="/mondes/UPSILON/">FR20 Upsilon</a></td>
</tr>
<tr>
<td><a href="/mondes/DELTA/">FR4 Delta</a></td>
<td><a href="/mondes/PHI/">FR21 Phi</a></td>
</tr>
<tr>
<td><a href="/mondes/EPSILON/">FR5 Epsilon</a></td>
<td><a href="/mondes/CHI/">FR22 Chi</a></td>
</tr>
<tr>
<td><a href="/mondes/ZETA/">FR6 Zeta</a></td>
<td><a href="/mondes/PSI/">FR23 Psi</a></td>
</tr>
<tr>
<td><a href="/mondes/ETA/">FR7 Eta</a></td>
<td><a href="/mondes/OMEGA/">FR24 Oméga</a></td>
</tr>
<tr>
<td><a href="/mondes/THETA/">FR8 Thêta</a></td>
<td><a href="/mondes/THETA/">FR25 Athènes</a></td>
</tr>
<tr>
<td><a href="/world/fr9/index">FR9 Iota</a></td>
<td><a href="/world/fr9/index">FR26 Bizance</a></td>
</tr>
<tr>
<td><a href="/world/fr10/index">FR10 Kappa</a></td>
<td><a href="/world/fr9/index">FR27 Corinthe</a></td>
</tr>
<tr>
<td><a href="/world/fr11/index">FR11 Lambda</a></td>
</tr>
<tr>
<td><a href="/world/fr12/index">FR12 Mu</a></td>
</tr>
<tr>
<td><a href="/world/fr13/index">FR13 Nu</a></td>
</tr>
<tr>
<td><a href="/world/fr14/index">FR14 Xi</a></td>
</tr>
<tr>
<td><a href="/world/fr15/index">FR15 Omicron</a></td>
</tr>
<tr>
<td><a href="/world/fr16/index">FR16 Pi</a></td>
</tr>
<tr>
<td><a href="/world/fr17/index">FR17 Rhô</a></td>
</tr>
</tbody>
</table>
</div>
<div id="stats_generals">
<h3>Statistiques générales</h3>
<p>Actuellement le monde avec le plus de point est Eta avec ses 1,199,888,965 points. Athène est le plus joué avec ses quelques 45.000joueurs. Les plus féroces attaquants se trouve sur Gamma alors qu'au contraire les plus puissant boucliers se trouve sur Alpha.</p>
</div>
<div id="news">
<h3>Les news</h3>
<ul>
<li>Mise a jour serveurs francais : 12/11/2011 00h55</li>
<li>Ajout des mondes .net, .de, .jp : 10/11/2011 02h35</li>
<li>Refonte du design : 03/11/2011 18h30</li>
<li>Ajout du BBCODE île : 01/11/2011 04h20</li>
</ul>
</p>
</div>
</div>
<footer>
</footer>
</div>
</body>
</html>@font-face {
font-family: 'MarathonIIRegular';
src: url('polices/mara2v2-webfont.eot');
src: url('polices/mara2v2-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('polices/mara2v2-webfont.woff') format('woff'),
url('polices/mara2v2-webfont.ttf') format('truetype'),
url('polices/mara2v2-webfont.svg#MarathonIIRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DalekRegular';
src: url('polices/dalek___-webfont.eot');
src: url('polices/dalek___-webfontd41d.eot?#iefix') format('embedded-opentype'),
url('polices/dalek___-webfont.woff') format('woff'),
url('polices/dalek___-webfont.ttf') format('truetype'),
url('polices/dalek___-webfont.svg#DalekRegular') format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2
{
font-family: 'DalekRegular', Impact, "Arial Black", Arial, Verdana, serif;
font-size: 3.5em;
color: rgba(254,164,8,0.7);
margin-top: 10px;
display: inline-block;
}
h1
{
margin-left: 7%;
}
h2
{
margin-left: 14.9%;
}
h3
{
font-family: 'DalekRegular', Impact, "Arial Black", Arial, Verdana, serif;
color: rgba(254,164,8,0.7);
margin-top: 3px;
}
body
{
font-family: 'MarathonIIRegular', Impact, "Arial Black", Arial, Verdana, serif;
background: url('Images/grepolis.jpg') top center no-repeat fixed;
}
table
{
border-collapse: collapse;
font-size: 1.5em;
padding: 12px;
font-weight: bold;
}
#bloc_page
{
position:relative;
height:600px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:1002px;
}
#assemblage
{
position: relative;
}
#tableau_stats_w
{
background-color: rgba(24, 24, 24, 0.8);
border: 1px solid blue;
border-radius: 10px 10px 10px 10px;
box-shadow: 4px 6px 6px teal;
color: teal;
position: absolute;
left: auto;
padding: 12px;
width: 40%;
}
a
{
color: orange;
text-decoration: none;
-moz-transition-property: color;
-moz-transition-duration: 2s;
}
#news
{
background-color: rgba(24, 24, 24, 0.8);
border: 1px solid blue;
border-radius: 10px 10px 10px 10px;
box-shadow: 4px 6px 6px teal;
color: teal;
font-size: 1.5em;
position: absolute;
left: 50%;
margin-top: 30%;
padding: 12px;
text-align: justify;
width: 50%;
}
#stats_generals
{
background-color: rgba(24, 24, 24, 0.8);
border: 1px solid blue;
border-radius: 10px 10px 10px 10px;
box-shadow: 4px 6px 6px teal;
color: teal;
font-size: 1.5em;
position: absolute;
left: 50%;
padding: 12px;
text-align: justify;
width: 50%;
}
a:hover
{
color: #760001;
border-bottom: 3px solid #760001;
}Et ce que sa donne celons mes nav'
:Sur firefox (bon affichage) :
http://nsa27.casimages.com/img/2011/11/13/111113053254197656.png
Sur chrome (un bug sur le div "news") :
http://nsa28.casimages.com/img/2011/11/13/111113053850620068.png
Sur internet explorer (apocalypse
) : http://nsa27.casimages.com/img/2011/11/13/111113053328982313.png
Modifié par azledev (04 Dec 2011 - 16:56)
.
[/spoil] sur ce forum pour cacher un texte (jusqu'a ce que les visiteurs clique sur la balise pour faire apparaitre ce texte) ? Car a force de mettre du code, image etc sa surcharge pas mal le sujet et sa empêche une lecture visible... 
