Autor Zpráva
Markus
Profil *
#1 · Zasláno: 19. 7. 2015, 18:16:36
Odpovědět Citovat
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 

1#rolling-nav {
2  font:normal 12px 'Trebuchet MS',Trebuchet,Arial,Sans-Serif;
3  color:white;
4  text-transform:uppercase; 
5    width:1180px;  
6    margin:0px auto;
7  background: -moz-linear-gradient(#0099FF, #0099FF);
8 
9 
10}
11 
12#rolling-nav ul {
13  height:50px;
14  margin:0px 0px;
15  padding:0px 0px;
16  overflow:hidden;
17}
18 
19#rolling-nav li {
20  float:left;
21  display:inline;
22  list-style:none;
23  margin:0px 0px;
24  padding:0px 0px;
25}
26 
27#rolling-nav a,
28#rolling-nav a:before {
29  display:block;
30  margin:0px 0px;
31  padding:0px 30px;
32  line-height:50px;
33  color:white;
34  text-decoration:none;
35  background-color:#0099FF;
36  background-image:-webkit-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
37  background-image:-moz-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
38  background-image:-ms-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
39  background-image:-o-linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
40  background-image:linear-gradient(top, #0099FF 0%, #0099FF 50%, #0099FF 50%, #0099FF 100%);
41  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
42  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
43  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
44  position:relative;
45  -webkit-transition:all 0.3s ease-in-out;
46  -moz-transition:all 0.3s ease-in-out;
47  -ms-transition:all 0.3s ease-in-out;
48  -o-transition:all 0.3s ease-in-out;
49  transition:all 0.3s ease-in-out;
50}
51 
52#rolling-nav a:before {
53  content:attr(data-clone);
54  position:absolute;
55  top:100%;
56    right:0px;
57  left:0px;
58  display:block;
59  background-color:white;
60  background-image:-webkit-linear-gradient(top, #ddd, white);
61  background-image:-moz-linear-gradient(top, #ddd, white);
62  background-image:-ms-linear-gradient(top, #ddd, white);
63  background-image:-o-linear-gradient(top, #ddd, white);
64  background-image:linear-gradient(top, #ddd, white);
65  border-top:2px solid rgba(0,0,0,0.2);
66  color:#333;
67}
68 
69#rolling-nav a:hover {
70  margin-top:-50px;
71  margin-bottom:1px;
72}
#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
#2 · Zasláno: 19. 7. 2015, 19:49:05
Odpovědět Citovat
Markus:
To robí ten float. Musíš použiť clear. Resp. keby si float zrušil a použil iba display:inline-block.
Markus
Profil *
#3 · Zasláno: 19. 7. 2015, 20:15:57
Odpovědět Citovat
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
#4 · Zasláno: 19. 7. 2015, 21:59:28
Odpovědět Citovat
Markus, Markus:
Daj sem html toho menu. Najlepšie živú ukážku html+css.
Davex
Profil
#5 · Zasláno: 19. 7. 2015, 22:03:17 · Upravil/a: Davex o okamžik později
Odpovědět Citovat
Markus:
Hodnoty s prefixem -moz- zná pouze Firefox, a proto je ostatní prohlížeče ignorují.

Místo 
background: -moz-linear-gradient(#0099FF, #0099FF);
background: -moz-linear-gradient(#0099FF, #0099FF);
bys chtěl asi mít 
background: #0099FF;
background: #0099FF;
Markus
Profil *
#6 · Zasláno: 20. 7. 2015, 09:06:58
Odpovědět Citovat
Davex:

ide to :) Ďakujem veľmi pekne :)
Časová prodleva: 10 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0