Stránka 1 z 1

chrome změna barvy borderu po najeti myši  Vyřešeno

Napsal: 20 lis 2013 09:59
od Pepis
http://www.di-way.cz
Vše všude funguje jak má kromě chromu, tam se mi po najeti myší na nějake menu obarvi jen spodní ohraničení.

Kód: Vybrat vše

body {
font-family: Arial, sans-serif;
font-size: 16px;
}
.main {
   margin:0 auto;
   position:relative;
   width:530px;
}

.bodymain {
   margin:0 auto;
   position:relative;
   width:800px;
}


.menu_box {
   float: left;
  margin: auto;
   height: 210px;
   width: 210px;
   margin: 10px 21px 25px;
  border:  solid ;
  border-radius: 4px;
}

.menu_box a img {
   float: left;
   height: 165px;
   width: 210px;
  border:  0;
}

.menu_box .title {
   float: left;
   height: 45px;
   width: 210px;
   margin-top: 10px;
   font-size: 14px;
  font-weight: bold;
   line-height: 18px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   padding-top: 5px;
}


IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

DIV.centered {
text-align: center;
}

.menu2_box {
   float: left;
  margin: auto;
   height: 50px;
   width: 470px;
   margin: 10px 21px 25px;
  border:  solid ;
  border-radius: 4px;
}

.menu2_box .title {
   float: left;
   height: 45px;
   width: 470px;
   margin-top: 10px;
   font-size: 14px;
  font-weight: bold;
   line-height: 18px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   padding-top: 5px;
}

h1, h2 {
color: red;
}

a {
color: red;
}

a.menu {
color: black;
}

a.menu:hover {
color: red;
}

a, img {
    border:none;
}

Re: chrome změna barvy borderu po najeti myši

Napsal: 20 lis 2013 10:30
od zdenda204
Našel jsem

Kód: Vybrat vše

a.menu:hover {
color: red;
}

A aby to fungovalo, musíš ještě připsat

Kód: Vybrat vše

.menu_box:hover {
border: solid red;
}

Re: chrome změna barvy borderu po najeti myši

Napsal: 20 lis 2013 11:20
od Pepis
Bezva to mě nenapadlo, díky moc.