Aide realisation site
Aide realisation site - HTML/CSS - Programmation
Marsh Posté le 01-08-2006 à 09:35:12
tu t'attendais a quoi quand tu as mis ça:
Code :
|
Etant donné que tout le reste est fait avec des tables "qui bougent" lors du redimensionnement de la fenêtre et que ton menu ne bouge pas ( vu qu'il est en absolu), le comportement qui te gène est normal.
Comment faire pour résoudre ce problème?
Virez imageReady, lire 2/3 tutoriaux, refaire ton site ![[:spamafote]](https://forum-images.hardware.fr/images/perso/spamafote.gif "[:spamafote]")
Marsh Posté le 01-08-2006 à 10:19:42
jai supprimé #menu { position: absolute;.
C bon le menu reste à sa place mais est trop sur la gauche et j'arrive pas à le décaler.
Au fait, Je suis novice et pour faire mon site je prend des lignes de code un pe partout sans trop savoir comment ils fonctionnent.
Je sai que c'est pas trop la bonne méthode de faire sans comprendre
Marsh Posté le 03-08-2006 à 18:44:22
Pour que mon menu fonctionne je suis obligé de rentrer ces lignes de codes:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (site1.psd) -->
Et pour faire apparaitre des pub qui defile je suis obligé de mettre le code suivant:
<body text="#000000" bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#FF0000"
onLoad="if (VersionNavigateur(3.0,4.0)) {pubs=new CreerArray('image1.jpg','image2.jpg','image3.jpg'); AfficherPub(pubs,4000);}"
onUnload="clearTimeout(pubT)">
Mon problème est que les groupes de ligne de codes ne sont pas compatible entre elles!
Quelle modifs dois-je faire?
J'espère avoir été assé clair 
Message édité par tony3332b le 03-08-2006 à 18:46:07
Sujets relatifs:
- Site accessible à l'adresse web mais invisible sur le ftp
- Aide sur une fonction Excel
- Site web
- réalisation macro planning automatisé
- besoin d'aide
- Débutant, besoin d'aide pour créer site Internet IMPORTANT
- aide déclaration de tableau en java
- Arrière plan fixe dans un site ?
- Aide à la compréhension d'un exo
Marsh Posté le 01-08-2006 à 09:22:54
http://perso.orange.fr/ecbastiais/
Bonjour,
j'aurai aimé savoir comment faire pour que mon menu reste sous le LOGO car là dès qu'on reduis ou agrandis la fenêtre tou se décale.
un coup de main svp, merci
Si personne peut me donner de coup de main, peut etre que quelqu'un peut me donner un menu identique ou presque qu'on pe inserer plus facilement.
Voila les lignes de code de ma page:
<html>
<head>
<title>site1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu déroulant vertical</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<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>
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com */
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 211px;
left: 137px;
}
#menu {
width: 139px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #FFFFFF;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
.Style17 {
color: #00CCFF;
font-family: BlizzardD;
font-size: small;
}
.Style18 {
font-family: BlizzardD;
font-size: small;
}
.Style19 {color: #00CCFF}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (site1.psd) -->
<!-- End ImageReady Slices -->
<table width="646" height="466" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><table id="Tableau_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3"> <img src="images/site1_01.gif" width="154" height="200" alt=""></td>
<td> <img src="images/site1_02.gif" width="646" height="129" alt=""></td>
<td> <img src="images/spacer.gif" width="1" height="129" alt=""></td>
</tr>
<tr>
<td background="images/site1_03.gif"> </td>
<td> <img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td rowspan="2" background="images/site1_04.gif"> </td>
<td> <img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="3" background="images/site1_05.gif"><div id="menu" name="menu">
<dt class="Style17" onclick="javascript:montre('smenu1');">Le Club</dt>
<dd class="Style18" id="smenu1">
<ul>
<li class="Style19"><a href="#">Présentation</a></li>
<li class="Style19"><a href="#">Organigramme</a></li>
<li class="Style19"><a href="#">Palmarès</a></li>
<li class="Style19"><a href="#">Presse-book</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu2');">Les Joueurs</dt>
<dd class="Style18" id="smenu2">
<ul>
<li class="Style19"><a href="#">Seniors</a></li>
<li class="Style19"><a href="#">Poussins</a></li>
<li class="Style19"><a href="#">Débutants</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu3');">Calendriers</dt>
<dd class="Style18" id="smenu3">
<ul>
<li class="Style19"><a href="#">Promotion d'Honneur B</a></li>
<li class="Style19"><a href="#">Promotion d'Honneur C</a></li>
<li class="Style19"><a href="#">Poussins</a></li>
<li class="Style19"><a href="#">Débutants</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu4');">Résultats</dt>
<dd class="Style18" id="smenu4">
<ul>
<li><a href="#">Promotion d'Honneur B</a></li>
<li><a href="#">Promotion d'Honneur C</a></li>
<li><a href="#">Poussins</a></li>
<li><a href="#">Débutants</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu5');">Classements</dt>
<dd class="Style18" id="smenu5">
<ul>
<li><a href="#">Promotion d'Honneur B</a></li>
<li><a href="#">Promotion d'Honneur C</a></li>
<li><a href="#">Poussins</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu6');">Nos Partenaires</dt>
<dd class="Style18" id="smenu6"><dt class="Style17" onclick="javascript:montre('smenu7');">Gallerie Photos</dt>
<dd class="Style18" id="smenu7"><dt class="Style17" onclick="javascript:montre('smenu8');">Les Extras</dt>
<dd class="Style18" id="smenu8"><dt class="Style18" onclick="javascript:montre();"> </dt>
<dt class="Style17" onclick="javascript:montre('smenu9');">Espace Discussion</dt>
<dd class="Style18" id="smenu9"><dt class="Style18" onclick="javascript:montre();"> </dt>
<dt class="Style17" onclick="javascript:montre('smenu10');">Nous Contacter</dt>
<dd class="Style17" id="smenu10">
</div></td><td> <img src="images/spacer.gif" width="1" height="318" alt=""></td>
</tr>
<tr>
<td background="images/site1_06.gif"> </td>
<td> <img src="images/spacer.gif" width="1" height="56" alt=""></td>
</tr>
<tr>
<td> <img src="images/site1_07.gif" width="646" height="26" alt=""></td>
<td> <img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
</table></th>
</tr>
</table>
<p> </p>
</body>
</html>
Message édité par tony3332b le 03-08-2006 à 22:22:03