Bonjour a tous, je réalise un tit site perso en local pour le moment mais je suis face a deux problèmes ...
Le 1er : Sous chrome.
J'aligne une table ul avec inline-table et le résultat est ... Que tout les ul sont bien aligné, mais en bas de la div, a la placé de l’être en haut.
Css
Html
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
29
30
31
32
33
34
35
36
37
38
39
40
41 nav#general { -moz-transition: all 1s ease 0s; left: 0; margin: 0 1%; position: absolute; text-align: center; top: 0; width: 98%; opacity: 0.2; z-index: 3; } nav#general:hover + p#media a { opacity: 0.2; } nav#general div { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 0 10px 10px; height: 0; overflow: hidden; padding: 5px; position: relative; top: -11px; -moz-transition: all 1s ease 0s; } nav#general div > ul { border-left: 1px solid #000000; display: inline-table; list-style: none outside none; padding: 1%; } nav#general div > ul > a { color: #FFFFFF; cursor: default; font-size: 12px; text-transform: uppercase; text-decoration: none; } nav#general a#accueil { padding: 1%; }}
Pour ce qui est de l'optimisation je m'en occupe plus tard.
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 <nav id="general" role="navigation" class="actif"> <div id="menu"> <a href="..." alt="Accueil" id="accueil">...</a> <ul><a href="...">...</a><li class="sm"> <ul><a href="...">...</a></ul> <ul><a href="...">...</a></ul> <ul><a href="...">...</a></ul> </li></ul> <ul><a href="...">...</a><li class="sm"> <ul><a href="...">...</a></ul> <ul><a href="...">...</a></ul> </li></ul> <ul><a href="...">...</a><li class="sm"> <ul><a href="...">...</a></ul> <ul><a href="...">...</a></ul> </li></ul> ......</div> <h2>Menu</h2> </nav>
Le 2eme :
J'ai des dives que je cache sous cette forme "right:-200" pour utiliser une transition. Mais du coup j'ai un scrool. J'utilise donc "overflow" mais il reste possible de déplacer la page avec les fléches du clavier ... hum embêtant !
Si vous pouviez m'aidez ce serait top.
Merci.
Partager