Autor Zpráva
Markus
Profil *
Caute ,, mam taký problém že na Mozille Firefox na mojej stránke to menu ukazuje normálne (že je to zarovnané) a na iných prehliadačoch napr na Opere to ukazuje len polovične.

Takto to ukazuje na mozille firefox



Opera



Neviem jako to spraviť aby to ukazovalo tak isto ako na mozile , cela stranka ukazuje vsade dobre len to menu nie

tu je style.css

#rolling-nav {
  font:normal 12px 'Trebuchet MS',Trebuchet,Arial,Sans-Serif;
  color:white;
  text-transform:uppercase; 
    width:1180px;  
    margin:0px auto;
  background: -moz-linear-gradient(#0099FF, #0099FF);


}

#rolling-nav ul {
  height:50px;
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
}

#rolling-nav li {
  float:left;
  display:inline;
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

#rolling-nav a,
#rolling-nav a:before {
  display:block;
  margin:0px 0px;
  padding:0px 30px;
  line-height:50px;
  color:white;
  text-decoration:none;
  background-color:#0099FF;
  background-image:-webkit-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
  background-image:-moz-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
  background-image:-ms-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
  background-image:-o-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
  background-image:linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  position:relative;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

#rolling-nav a:before {
  content:attr(data-clone);
  position:absolute;
  top:100%;
    right:0px;
  left:0px;
  display:block;
  background-color:white;
  background-image:-webkit-linear-gradient(top, #ddd, white);
  background-image:-moz-linear-gradient(top, #ddd, white);
  background-image:-ms-linear-gradient(top, #ddd, white);
  background-image:-o-linear-gradient(top, #ddd, white);
  background-image:linear-gradient(top, #ddd, white);
  border-top:2px solid rgba(0,0,0,0.2);
  color:#333;
}

#rolling-nav a:hover {
  margin-top:-50px;
  margin-bottom:1px;
}

Vopred ďakujem za pomoc.
Camo
Profil
Markus:
To robí ten float. Musíš použiť clear. Resp. keby si float zrušil a použil iba display:inline-block.
Markus
Profil *
skúšal som to , to menu ukáže cez celé len zas neni ten text Domov , Eaglewikings , Far Cry4 je tam len Domov
Camo
Profil
Markus, Markus:
Daj sem html toho menu. Najlepšie živú ukážku html+css.
Davex
Profil
Markus:
Hodnoty s prefixem -moz- zná pouze Firefox, a proto je ostatní prohlížeče ignorují.

Místo
background: -moz-linear-gradient(#0099FF, #0099FF);
bys chtěl asi mít
background: #0099FF;
Markus
Profil *
Davex:

ide to :) Ďakujem veľmi pekne :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: