Vertical-algin nie działa

pytanie zadane 24 czerwca 2015 w HTML i CSS przez damianmisztal Gaduła (4,730 p.)
zamknięte 24 czerwca 2015 przez damianmisztal

Witam mam dwa tak samo ustawione div display: tablle-cell vertical-algin: middle, wysokość i szerokość też jest i tak pierwszy div jest cały czas widoczny i tataj vertical działa idelanie ale drugi z kolei jest ustawiony na hoverze i po najechaniu na niego ten vertical nie działa :/ odrazu zaznaczam żę nie mogę tego sobię inaczej wystylizować w css gdyż miejsce na tekst w tych divach musi być elastczne ze względu że może tam być jedna lub dwie linijki tekstu. Ktoś ma jakiś pomysł dlaczego na hoverze nie działa?

komentarz zamknięcia: Problem rozwiązany

3 odpowiedzi

odpowiedź 24 czerwca 2015 przez Pan Kulomb Pasjonat (18,630 p.)

odpowiedź 24 czerwca 2015 przez Schizohatter Nałogowiec (39,600 p.)

odpowiedź 24 czerwca 2015 przez damianmisztal Gaduła (4,730 p.)

Tu działą

@media (max-width: 1599px) and (min-width: 1440px)
#posts .post .title {
  margin: 9px 8px 4px 8px;
  font-size: 21px;
  line-height: 20px;
  width: 360px;
}
#posts .post .title {
  text-transform: uppercase;
  font-family: 'pt_sans_narrowregular', sans-serif;
  font-size: 12pt;
  color: #4d4c50;
  word-wrap: break-word;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 298px;
  padding: 5px;
  margin: 0px;
  height: 47px;

a tu nie

  @media (max-width: 1599px) and (min-width: 1440px)
#posts .hoverTitle {
  font-size: 21px;
  line-height: 20px;
  display: table-cell !important;
}
#posts .hoverTitle {
  width: 100%;
  height: 47px;
  display: table-cell !important;
  position: absolute;
  padding: 5px;
  background: #3B5A9B;
  vertical-align: middle;
  color: #fff;
  right: 0;
  bottom: 0px;
  text-transform: uppercase;
  z-index: 1;
  text-align: center;
  font-family: 'pt_sans_narrowregular', sans-serif;
  font-size: 16px;
  line-height: 30px;
  /* opacity: 0.7; */
  }