Autor Zpráva
Coompiik
Profil
#1 · Zasláno: 3. 9. 2014, 20:03:20 · Upravil/a: Coompiik o 3 minuty později
Odpovědět Citovat
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
Odpovědět Citovat
smaž v elementu .obsah position: relative;
Coompiik
Profil
#3 · Zasláno: 3. 9. 2014, 20:11:31 · Upravil/a: Coompiik o okamžik později
Odpovědět Citovat
Destiny_1:
Děkuji moc!
Časová prodleva: 12 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0