| Autor | Zpráva | ||
|---|---|---|---|
| Markus Profil * |
#1 · Zasláno: 19. 7. 2015, 18:16:36
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 |
#2 · Zasláno: 19. 7. 2015, 19:49:05
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
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
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); background: #0099FF; |
||
| Markus Profil * |
#6 · Zasláno: 20. 7. 2015, 09:06:58
Davex:
ide to :) Ďakujem veľmi pekne :) |
||
|
Časová prodleva: 9 let
|
|||
0