Changeset 60851 in spip-zone


Ignore:
Timestamp:
May 2, 2012, 12:06:55 PM (9 years ago)
Author:
jcvilleneuve@…
Message:

Pour Escal 3 : menu horizontal centré (merci à Hossein)

Location:
_squelettes_/escal/branche_V3
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/escal/branche_V3/config.css.html

    r60373 r60851  
    107107#cadre-plan, #cadre-plan a,
    108108table.forum th,
    109 #menu, ul#menu ul, ul#menu li a, ul#menu ul a:hover,
     109#menu, ul#menu ul, ul#menu li a,
    110110#menuV2 ul.menulist a:hover, #menuV2 ul.menulist li.smenu:hover,
    111111#menuV2 ul.menulist li.smenu>a:hover{
     
    115115}
    116116/* bleu tres fonce */
    117 .laune ul.anchors li a:hover, #menu li:hover > a, ul#menu ul a:hover {
     117.laune ul.anchors li a:hover, #menu li:hover > a, ul#menu ul li:hover {
    118118        background-color: [(#CONFIG{escal/config/couleur4,#224466})];
    119119        color:  [(#CONFIG{escal/config/couleur4}|?{#[(#CONFIG{escal/config/couleur4}|couleur_extreme|couleur_inverser)],#FFFFFF})];
     
    224224/*    Les arrondis                           */
    225225/*********************************************/
    226 ul#menu li a, ul#menu ul {
     226ul#menu li a, ul#menu ul, ul#menu ul li {
    227227  border-radius: [(#CONFIG{escal/config/arrondi1,10px})];
    228228}
  • _squelettes_/escal/branche_V3/styles/menu.css

    r60516 r60851  
    11/* ==================    Menu horizontal  ==================*/
    22#menu {
    3         width: 100%;
    4         z-index: 100;
    5 }
    6 ul#menu li ul {
    7         display: none;
     3  clear: both;
    84}
    95ul#menu li:hover>ul {
     
    139ul#menu {
    1410        margin: 0px;
    15         padding: 0px;
     11  padding: 10px 0 8px 0;
    1612        list-style: none;
    17         float: left;
    1813        font-size: 12px;
    1914        font-weight: bold;
    20         text-align: left;
    21         line-height: 20px;
     15        text-align: center;
    2216}
    2317ul#menu li {
    24         float: left;
    25         display: block;
    26         padding: 2px 1px;
     18        display: inline;
     19        position: relative;
    2720}
    2821/* cadre autour d'une entrée de menu */
    2922ul#menu li a {
    30         display: block;
    31         padding: 0px 10px;
    32   border-width: 1px;
    33   border-style: solid;
     23        padding: 4px 10px;
     24        margin:  0 1px;
     25        border-width: 1px;
     26        border-style: solid;
    3427        text-decoration: none;
     28        display: inline;
    3529}
    36 
    3730/* Les sous menu */
    3831ul#menu ul {
    39         position: absolute;
    4032        font-size: 10px;
    4133        font-weight: normal;
     34        text-align: left;
    4235        list-style: none;
    43         margin: 0px;
     36  margin: 4px 0 0 0px;
    4437        padding: 0px;
    4538        width: 150px;
    4639        z-index: 100;
    4740        vertical-align: middle;
    48         line-height: 20px;
    49   border-width: 1px;
    50   border-style: solid;
     41        border-width: 1px;
     42        border-style: solid;
     43        left: 0;
     44        display: none;
     45        position: absolute;
    5146}
    5247ul#menu ul ul {
    53         padding: 0px;
     48        top: 1px;
     49        left: 149px;
     50        margin: 0px;
    5451}
    5552ul#menu ul li {
    56         position: relative;
    57         float: none;
    5853        padding: 0px;
    59         _display: inline;
     54        display: block;
     55        padding: 8px 0px;
    6056}
    6157ul#menu ul li a {
    62         display: block;
    63         padding: 3px 5px 3px 10px;
    64         width: 135px;
     58        padding: 0px 5px 0px 10px;
    6559        border: none;
    6660}
    67 
    68 /* pour les flèches */
     61/* pour les fleches */
    6962ul#menu ul img {
    7063        position: relative;
    7164        float: right;
    72         margin: 5px 5px 0px 0px;
     65        margin-right: 5px;
    7366}
    7467/* hack pour Safari */
     
    7972}
    8073}
    81 /* position des sous sous menu */
    82 ul#menu ul ul {
    83         top: 0px;
    84         left: 145px;
    85 }
     74
     75
    8676/* ==================    Menu vertical  ==================*/
    8777#menuV ul {
Note: See TracChangeset for help on using the changeset viewer.