Autor | Zpráva | ||
---|---|---|---|
Coompiik Profil |
Dobrý den,
Spravuji jednu stránku Evolutions.cz ale mám tu takový problém, když jsem přidal pár classek do style.css, hlavní menu, které má být obvikle v popředí(z-index: 4) se shovalo úplně dozadu, kontroloval jsem styl, i v chromu v F12, ale nenašel jsem problém v classce menu, a jak pravý komentář k druhému scottyho zákonu jakmile zjistíme, kde jsme v rovnici provedli chybnou opravu, už se nám nikdy nepodaří dosadit původní hodnoty. Nevíte prosím kde by mohl být problém? Přikládám kód: Styly.css: html { } * { margin: 0; padding: 0; } html, body { height:100%; } body { font-family: 'Open Sans', sans-serif; } .obsahcenter { width:1px; height:50%; background-color:#fc6; margin-bottom: -12%; /* half of container's height */ float:left; } .obsah { margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; height: 100%; width: 576px; clear:left; z-index: 4; min-height: 600px; } .overlay { left: 0px; top: 0px; background-image: -moz-radial-gradient(center,ellipse cover,#3F8AEA 0%,#000000 100%); background-image: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#3f8c00),color-stop(100%,#000000)); background-image: -webkit-radial-gradient(center,ellipse cover,#3F8AEA 0%,#000000 100%); background-image: -o-radial-gradient(center,ellipse cover,#3F8AEA 0%,#000000 100%); background-image: -ms-radial-gradient(center,ellipse cover,#3F8AEA 0%,#000000 100%); background-image: radial-gradient(ellipse at center,#3F8AEA 0%,#000000 100%); background-color: #3f8c00; min-width: 960px; min-height: 600px; width: 100%; height: 100%; z-index: 1; box-sizing: border-box; float: left; position: fixed; background-repeat: repeat; } .raster { background: url(./images/1.png) repeat; width: 100%; height: 100%; float: left; z-index: 2; position: fixed; } #kostky { width: 140px; height: 140px; background: #fcfcfb; position: absolute; margin-top: 0px; z-index: 3; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background: url("./images/1.png?v2") repeat 0px 0px; border-top-left-radius: 7px; transition: 2500ms ease-in-out; } .center ul { margin: 0; padding: 0; width: 100%; height: 230px; padding-left: 2px; } .frame { background: #fcfcfb; width: 189px; height: 220px; display: table-cell; float: left; } /*.obsah { z-index: 4; height: 600px; width: 960px; margin: 0 auto; position: relative; text-align: left; clear: left; } .obsahcenter { width: 1px; height: 50%; background-color: #fc6; margin-bottom: -13.75em; float: left; }*/ .frameleft { border-top-left-radius: 7px; border-bottom-left-radius: 7px; } .frameright { border-top-right-radius: 7px; border-bottom-right-radius: 7px; } .framebef { display: table-cell; float: left; width: 3px; height: 220px; background: url("./images/framestripe.png"); } .frame img { margin-left: 43px; margin-top: 45px; width: 115px; } .sub { background-color: #3b3b3b; width: 160px; height: 70px; margin-left: 15px; position: absolute; z-index: -1; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: -20px; } .subtop { background-color: #3b3b3b; width: 160px; height: 50px; margin-left: 15px; position: absolute; z-index: -1; border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: -140px; } .subs{ opacity: 0; margin-top: 30px; font-size: 24px; color: white; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transition-delay: 200ms; display: block; text-align: center; } .sub1 { margin-top: 30px; } .subtop1 { margin-top: -180px; } .sub2 { opacity: 1; } html, body { overflow:hidden; } #server { position:fixed; width:530px; height:140px; background: url("//evolutions.cz/images/icons/111.png") no-repeat 0px 0px; margin-left:-40px; top:0%; left:100%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 5; } #server:hover { margin-left:-530px; animation: 0; -o-animation: 0; -ms-animation: 0; -moz-animation: 0; -webkit-animation: 0; } #server { animation: spin 8s infinite linear; -o-animation: spin 8s infinite linear; -ms-animation: spin 8s infinite linear; -moz-animation: spin 8s infinite linear; -webkit-animation: spin 8s infinite linear; border-top-left-radius: 7px; border-bottom-left-radius: 7px; } @keyframes spin { 0% { margin-left:-40px } 75% { margin-left:-40px; } 78% { margin-left:-80px; } 80% { margin-left:-40px; } 85% { margin-left:-60px; } 89% { margin-left:-40px; } 95% { margin-left:-45px; } 100% { margin-left:-40px }; } @-o-keyframes spin { 0% { margin-left:-40px } 75% { margin-left:-40px; } 78% { margin-left:-80px; } 80% { margin-left:-40px; } 85% { margin-left:-60px; } 89% { margin-left:-40px; } 95% { margin-left:-45px; } 100% { margin-left:-40px }; } @-ms-keyframes spin { 0% { margin-left:-40px } 75% { margin-left:-40px; } 78% { margin-left:-80px; } 80% { margin-left:-40px; } 85% { margin-left:-60px; } 89% { margin-left:-40px; } 95% { margin-left:-45px; } 100% { margin-left:-40px }; } @-moz-keyframes spin { 0% { margin-left:-40px } 75% { margin-left:-40px; } 78% { margin-left:-80px; } 80% { margin-left:-40px; } 85% { margin-left:-60px; } 89% { margin-left:-40px; } 95% { margin-left:-45px; } 100% { margin-left:-40px }; } @-webkit-keyframes spin { 0% { margin-left:-40px } 75% { margin-left:-40px; } 78% { margin-left:-80px; } 80% { margin-left:-40px; } 85% { margin-left:-60px; } 89% { margin-left:-40px; } 95% { margin-left:-45px; } 100% { margin-left:-40px }; } .inside { width: 170px; height: 140px; background: #fcfcfb; position: absolute; margin-top: 10px; z-index: 3; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background: url("./images/logo.png?v3") no-repeat -600px 0px; border-top-left-radius: 7px; transition: 2500ms ease-in-out; } .fbcko { width: 100px; height: 100px; background: #fcfcfb; position: absolute; bottom: 150px; z-index: 3; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background: url("./images/fb.png?v2") no-repeat 0px 0px; border-top-left-radius: 7px; transition: 500ms ease-in-out; } .ytcko { width: 100px; height: 100px; background: #fcfcfb; position: absolute; bottom: 50px; z-index: 3; border-top-right-radius: 7px; border-bottom-right-radius: 7px; background: url("./images/yt.png?v7") no-repeat 0px 0px; border-top-left-radius: 7px; transition: 500ms ease-in-out; } .center { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; z-index: 4; } .inside span { float: left; font-size: 50px; color: #293739; margin-top: 50px; } .inside img { float: left; width: 140px; height: 140px; } .nocent { width: 100%; height: 100%; min-width: 960px; min-height: 600px; position: relative; } .social { width: 100px; height: 203px; position: absolute; z-index: 10; background: #fcfcfb; bottom: 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; margin-bottom: 10px; } .soccent { position: relative; float: right; width: 100px; right: 0; height: 100%; z-index: 3; } .soccontfb { width: 100px; height: 100px; background: url("./images/social2.png") no-repeat -500px 0px; border-top-left-radius: 7px; transition: 500ms ease-in-out; } .soccontyt { width: 300px; height: 100px; background: url("./images/social2.png") no-repeat -500px -100px; border-bottom-left-radius: 7px; transition: 500ms ease-in-out; } .ytcko:hover { width: 600px; } .fbcko:hover { width: 600px; } .soccontfb:hover { width: 600px; } .soccontyt:hover { width: 600px; } .inside:hover { width: 599px; background: url("./images/logo.png?v2") no-repeat 0px 0px; } .soccontimg { width: 600px; height: 3px; background: url("./images/framestripe_soc.png"); } .social ul li { display: table-cell; float: left; } Index.php: Nevešel se sem, takže pastebin.com |
||
Destiny_1 Profil |
#2 · Zasláno: 3. 9. 2014, 20:08:45
smaž v elementu .obsah position: relative;
|
||
Coompiik Profil |
Destiny_1:
Děkuji moc! |
||
Časová prodleva: 10 let
|
0