Difference between revisions of "Team:Bordeaux/stylesheet:1"
Line 11: | Line 11: | ||
/*border : 1px solid red;*/ | /*border : 1px solid red;*/ | ||
− | background : url(raisin.png) no-repeat ; | + | background : url('http://image.noelshack.com/fichiers/2015/24/1433893097-raisin.png') no-repeat ; |
background-position : 45px 20px; | background-position : 45px 20px; |
Latest revision as of 23:38, 9 June 2015
body {
height : 100px;
width : 700px;
position : absolute; padding-top : 10px; padding-left : 50px; /*border : 1px solid red;*/
background : url('http://image.noelshack.com/fichiers/2015/24/1433893097-raisin.png') no-repeat ;
background-position : 45px 20px; }
- bloc1, #bloc2, #bloc3, #bloc4, #bloc5{
display: inline-block;
}
- bloc1 {
position: absolute; left :50px; }
- bloc2 {
position: absolute; left :150px; }
- bloc3 {
position: absolute; left :265px; }
#bloc4 { position: absolute;
left :355px; }
#bloc5 {
position: absolute; left :500px; }
- menu1, #menu1 ul,#menu2, #menu2 ul, #menu3, #menu3 ul,#menu4, #menu4 ul, #menu5, #menu5 ul{
padding: 0;
list-style: none;
}
- menu1, #menu2, #menu3, #menu4, #menu5
{
text-align : center;
}
- menu1 li,#menu2 li, #menu3 li, #menu4 li, #menu5 li {
/* on place les liens du menu horizontalement */
display: inline-block;
}
- menu1 ul li ,#menu2 ul li, #menu3 ul li, #menu4 ul li, #menu5 ul li {
/* on place les liens du menu horizontalement */
display: inherit;
}
- menu1 ul , #menu2 ul, #menu3 ul , #menu4 ul, #menu5 ul {
position: absolute;
/* on cache les sous menus complètement sur la gauche */
left: -999em; text-align: left;
}
- menu1 li:hover ul ,#menu2 li:hover ul, #menu3 li:hover ul,#menu4 li:hover ul,#menu5 li:hover ul {
/* Au survol des li du menu on replace les sous menus */
left: auto;
}
}
- menu li:first-child{
}
- menu li:nth-child(2){
}
- menu li:nth-child(3){
}
- menu li:nth-child(4){
}
- menu li:last-child{
}
- bloc1:hover ul{
visibility : visible; }