tout d'abord bonjour a tous
je trouve se forum et se site super utile et ma foi bien foutu
je consulte regulièrement vos tutorios depuis une semaine et je commence a comprendre pas mal de truc
cependant j'en chie avec mon css pour une raison qui m'échape
voila mon site
voila l'exemple
ensuite voila le code html:
et le petit CSS
bon alors voila mon premier problème est le plus important je pense...
c'est au niveau du graphisme.
j'ai un DIV contenant le texte qui est plus ou moins grand suivant le texte
le problème c'est que lorsque j'ai pas beaucoup de texte la bare en bas remonte par dessus mon menu
ce qui vous l'aurez compris me moisi tout !
et j'ai beau chercher et rechercher j'y arrive vraiment pas
et oui la programation c'est pas trop mon dada...
voila si quelqu'un se send capable de me resoudre ça sa serai super cool
merki
Modifié par erotimo (10 May 2006 - 20:20)
je trouve se forum et se site super utile et ma foi bien foutu
je consulte regulièrement vos tutorios depuis une semaine et je commence a comprendre pas mal de truc
cependant j'en chie avec mon css pour une raison qui m'échape
voila mon site
voila l'exemple
ensuite voila le code html:
<html>
<head>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<title>mon site</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="bandeau">
</div>
<div class="menu">
<dl id="deroulant">
<dt onclick="javascript:montre();"><a href="index.php?page=presentation">Présentation</a></dt>
<dt onclick="javascript:montre();"><a href="index.php?page=historique">Historique</a></dt>
<dt onclick="javascript:montre('smenu2');">Annuaire</dt>
<dd id="smenu2">
<ul>
<li><a href="index.php?page=arbitrages">Arbitrages</a></li>
<li><a href="#">Délégués</a></li>
<li><a href="#">Comissions</a></li>
<li><a href="#">Clubs</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Informations</dt>
<dd id="smenu3">
<ul>
<li><a href="#">CR comité</a></li>
<li><a href="#">CR comissions</a></li>
<li><a href="#">Générales</a></li>
<li><a href="#">CR Assemblée</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Formations</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Comission</a></li>
<li><a href="#">Calendrier</a></li>
<li><a href="#">Educateurs</a></li>
<li><a href="#">Documentations</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');">Compétitions</dt>
<dd id="smenu5">
<ul>
<li><a href="#">Championnat</a></li>
<li><a href="#">Challenges</a></li>
<li><a href="#">Rencontres</a></li>
<li><a href="#">Résultats</a></li>
<li><a href="#">Classement</a></li>
<li><a href="#">Discipline</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');">Sélections</dt>
<dd id="smenu6">
<ul>
<li><a href="#">Coupe Fédé</a></li>
<li><a href="#">Challenges Comité</a></li>
<li><a href="#">M18 intersecteurs</a></li>
<li><a href="#">M17 et M16</a></li>
<li><a href="#">Rugby à 7</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu7');">Arbitrage</dt>
<dd id="smenu7">
<ul>
<li><a href="#">Arbitrage AB</a></li>
<li><a href="#">Désignations</a></li>
<li><a href="#">Réunions</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu8');">Développement</dt>
<dd id="smenu8">
<ul>
<li><a href="#">Milieu Scolaire</a></li>
<li><a href="#">Ecoles de Rugby</a></li>
<li><a href="#">Comité Dép</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu9');">Liens</dt>
<dd id="smenu9">
<ul>
<li><a href="#">Fédérations</a></li>
<li><a href="#">Comités</a></li>
<li><a href="#">Clubs</a></li>
<li><a href="#">Divers</a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="#">Archivage</a></dt>
</dl>
</div>
<div class="texte">
<?php
if (!isset($_GET['page'])) $page= 'presentation'; else $page= $_GET['page'];
switch($page)
{
case 'presentation':
echo "<div id=\"test\">";
include ('presentation.html');
echo "</div>";
break;
case 'historique':include ('historique.html');break;
case 'arbitrages':include ('arbitrages.html');break;
}
?>
</div>
<div class="bas">
</div>
</body>
</html>et le petit CSS
body {
margin: 0;/* sans marges, la page sera collýe aux bords */
font-family: verdana, arial, sans-serif; /* on dýfinit la police de base dans la page */
font-size: 12px; /* on dýfinit la taille de police de base dans la page */
}
.bandeau {
position: auto;
background-image: url('images/bandeau.gif');
width: 882px;
height: 141px;
}
.menu {
position: relative;
background-image: url('images/menu.gif');
width: 212px;
height: 429px;
clear:both;
}
.texte {
position: relative;
background-image: url('images/texte.gif');
margin-top: -440px;
margin-left: 212px; /* on place le bloc centre par rapport ý la largeur du bloc gauche */
width: 669px;
clear:both;
}
.bas {
position: absolute;
background-image: url('images/bas.gif');
height: 183px;
width: 881px;
}
h1 {
font-size: 140%;
text-align: right;
}
h2 {
font-size: 100%;
text-align: right;
}
dl, dt, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 22px; /* interligne */
background-color : none;
}
#deroulant {
position: absolute; /* placement du menu, ý modifier selon vos besoins */
top: 0;
left: 32;
}
#deroulant {
width: 10.6em;
}
#deroulant dt {
background-image: url('images/menu.png');
cursor: pointer;
margin: 1px 0;;
height: 24px;
line-height: 23px;
text-indent:20%;
font-size: 10px;
font-weight: bold;
background-color : none;
}
#deroulant dd {
background-image: url('images/ssmenu.png');
margin-left: 5px; /* on place le bloc centre par rapport ý la largeur du bloc gauche */
width: 121px;
background-color : none;
}
#deroulant li {
text-indent:15%;
font-size: 9px;
background-color : none;
}
#deroulant li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
background-color : none;
}
#deroulant li a:hover, #menu dt a:hover {
background: #eee;
}
bon alors voila mon premier problème est le plus important je pense...
c'est au niveau du graphisme.
j'ai un DIV contenant le texte qui est plus ou moins grand suivant le texte
le problème c'est que lorsque j'ai pas beaucoup de texte la bare en bas remonte par dessus mon menu
ce qui vous l'aurez compris me moisi tout !
et j'ai beau chercher et rechercher j'y arrive vraiment pas
et oui la programation c'est pas trop mon dada...
voila si quelqu'un se send capable de me resoudre ça sa serai super cool
merki
Modifié par erotimo (10 May 2006 - 20:20)
