Euskamicha
Messages postés75Date d'inscriptionmercredi 10 octobre 2007StatutMembreDernière intervention15 février 2010
-
19 févr. 2008 à 12:22
Euskamicha
Messages postés75Date d'inscriptionmercredi 10 octobre 2007StatutMembreDernière intervention15 février 2010
-
19 févr. 2008 à 12:33
Bonjour,
Alors voilà, encore un souci avec IE et CSS me direz vous! Il est pénible suis là, il a qu'à regarder le forum et chercher! Le souci c'est que j'ai fait et ben pas trouvé! Alors je recode complètement mon site via notepad++. Sous firefox, ça roule (juste quelques petits trucs mais rien de bien grave), mais sous IE (c'"est le 7), là c'est la cata. Allez on commence par la page d'acceuil, j'essaye de vous mettre les codes dessous.
J'avais mon menu déroulant qui passait au dessus de ma bannière. Ca j'ai réussi à le résoudre en créant une div all qui englobe tout. Mais du coup, j'ai un très gros espace en haut que ce soit sous FF ou IE.
Le menu déroulant: c'est du javascript. Les sous menus ne sont plus espacés sous IE et surtout les couleurs de fond et de texte sont changées (ça je trouve énorme!).
Voilà pour le début, je vous mets les codes, si vous avez des remarques, je suis tout ouie! D'avance, merci.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Le Tennis de Table dans les Pyrénées Atlantiques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script language="javascript" src="css/menu.js"></script>
<link rel="stylesheet" type="text/css" href="css/menu.css">
</head>
</div>
<script language="Javascript"
type="text/javascript">
// Vous pouvez éventuellement changer des variables ici
// voir la configuration du menu plus bas.
Chargement();</script>
<!-- Le corps -->
<div id="conteneur">
<div id="news">
</style>
<script type="text/javascript" language="javascript">
function uniqueIDInDOM() //genère un id unique dans le DOM
{
var resu=Math.ceil(Math.random()*9999)+'_'+(+new Date().getTime()); //tant qu'un element du dom possede deja un tel ID
while(document.getElementById(resu)!=null) // on en genere aleatoirement un nouveau
{ resu=Math.ceil(Math.random()*9999)+'_'+(+new Date().getTime()); } //le fait d'utiliser un timestamp limite grandement la chance d'avoir
return resu; //mais veut mieux verifier
}
function f_init()
{
var monContainer=new MAX3315_Container('div_container');
monContainer.loadFromUl(document.getElementById('news_data'));
}
</script>
</head>
<body onLoad="f_init();">
<div id="div_container"><ul id="news_data">
<li>
<ul>
<li><p><strong>Dernière mise à jour :<br>Jeudi 5 janvier 2006 15:50</strong></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li><p><strong>Championnat par équipes:</strong><br>Les titres départementaux</p></li>
<li><a href="../competitions/acceuilsectioncompetitions.html" target="_self"></a></li>
</ul>
</li>
<li>
<ul>
<li><p><strong>Championnat jeunes:</strong><br>Résultats du 3<sup>ème</sup>tour</p></li>
<li></li>
</ul>
</li>
<li>
<ul>
<li><p><strong>Divers:</strong><br>Explications sur nouveautés site</p></li>
</ul>
</li>
<li><ul>
<li><p><strong>Test:</strong><br>Ceci est un test!</p></li>
</ul>
</li>
</ul></div>
</div>
</div>
<div id="calendrier">
<table>
<tr><td>14/03: 12<sup>éme</sup>journée de championnat</td></tr>
<tr><td>28/03: Tournoi annuel de Biarritz</td></tr>
<tr><td>22/06: Tournoi de Bayonne</td></tr>
</table>
</div>
<div id="corps">
<h1>Bienvenue sur le site du Tennis de Table dans les Pyrénées Atlantiques</h1>
<h3></h3>
<p class="citation">Bon, vous avez du remarquer que le site internet du comité avait subi un léger relooking.
Mais pourquoi et surtout comment on s'y retrouve?</p>
<p class="signature">Michael<br/>Gestion du site CDTT 64</p>
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
visibility:hidden;
}
}
.menu, .ssmenu {
background-color:#ffe01f;
color:red;
font-weight:bold;
font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
text-align: center;
border:1px solid #EFB;
padding:1px;
margin-top:95px;
/* width et margin sont au cas où le javascript est désactivé. */
width:15em;
margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
text-align:center;
font-size:14px;
border: 4px;
border-style: ridge;
border-color: white;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
.menu span, .ssmenu span {
/* Ne pas toucher
C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
pause dans l'élocution */
display:none;
}
.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
padding:0;
padding-bottom: 5px;
margin:0;
list-style-type:none;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
color:red;
padding:0px;
text-decoration:none;
/* Ne pas modifier le block, margin et width */
display:block;
margin:0px;
width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width:auto;
}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
On change les couleurs du texte et de fond, et on enlève le soulignement.
*/
background-color:red;
color:#ffff88;
text-decoration:none;
}
img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
car c'est vilain :-p */
border:none;
}
.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
margin-right:2px;
}
.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
margin-top:1px;
margin-bottom:1px;
margin-left:0;
margin-right:0;
width:100%;
display:block;
}
Euskamicha
Messages postés75Date d'inscriptionmercredi 10 octobre 2007StatutMembreDernière intervention15 février 2010 19 févr. 2008 à 12:33
Merci pour le bouton, j'avais pas vu!
Ben en fait, il y a une version en ligne mais c'est du frontpage, en fait je suis le 3ème webmaster successif de ce site et donc j'ai commencé avec frontpage comme mes prédécesseurs mais now I want a nice site! Du coup, code! J'ai 95 % fini mais je peux pas remplacer tant que j'ai pas résolu ce souci avec IE en fait. Ca m'énerve!
