Bonjour,
Donc je planche actuellement sur la création d'un site perso, le problème viens lors du changement de résolution mon mon menu suite a cela divague. Le souci sera plus simple a expliquer si vous consulter l'exemple de mon problème qui suis qui me semble parlant (éssayé avec différente résolutions) : www.funynet.fr. Tourne uniquement sous firefox.
Mon code html :
Mon code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28 <div id="menu" width="100%" height="100%"> <!-- ImageReady Slices (Menugratte.psd) --> <table id="Tableau_01" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <a href="index.php" onmouseover="changeImages('Menugratte_01', 'Menugratte/Menugratte_01-over.gif'); return true;" onmouseout="changeImages('Menugratte_01', 'Menugratte/Menugratte_01.gif'); return true;" onmousedown="changeImages('Menugratte_01', 'Menugratte/Menugratte_01-over.gif'); return true;" onmouseup="changeImages('Menugratte_01', 'Menugratte/Menugratte_01-over.gif'); return true;"> <img name="Menugratte_01" src="Menugratte/Menugratte_01.gif" width="100%" height="100%" border="0" alt="Accueil"></a> </td> </tr> ........... <tr> <td> <a href="Prive/connection.php" onmouseover="changeImages('Menugratte_07', 'Menugratte/Menugratte_07-over.gif'); return true;" onmouseout="changeImages('Menugratte_07', 'Menugratte/Menugratte_07.gif'); return true;" onmousedown="changeImages('Menugratte_07', 'Menugratte/Menugratte_07-over.gif'); return true;" onmouseup="changeImages('Menugratte_07', 'Menugratte/Menugratte_07-over.gif'); return true;"> <img name="Menugratte_07" src="Menugratte/Menugratte_07.gif" width="100%" height="100%" border="0" alt="Privé"></a> </td> </tr> </table> </div>
Le problème viens du menu lors du changement de résolution, je souhaiterai que le menu s'affiche toujours de la même façon comme avec la résolution 1280*800. Surtout que les images remplissent mais cases, en changeant la résolution on peu voir le blanc se qui ne devrait pas être le cas ...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 #menu { float:left; width:19%; height:77%; position: absolute; top: 22%; background-color: white; }
Second petit problème que je n'arrive pas à régler, avec le lien contact en haut a gauche, le cadre reste affiché, le border:none; ne fonctionne pas même avec une class, que faire ?
Code html :
Code CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <div id="contact"> <A HREF='javascript:PopupCentrer("contact.php",330,150,"menubar=no,scrollbars=no,statusbar=no")' onMouseOver="i595815.src='funEe2.gif '" onMouseOut="i595815.src='funEe.gif'"><IMG SRC="funEe.gif" Width="100%" height="100%"BORDER=0 NAME="i595815" ALT="Contact" HSPACE=0 VSPACE=0 ></A> </div>
Le problème avec le menu commence a dater et je ne m'en sort pas je compte sur vous. J'attends de vos nouvelles.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 #contact { top: 3%; float:left; width:19%; height:19%; position: absolute; } .no_cadre{ border:none; }
Merci d'avance cordialement.
Benorito
Partager