Вопросы по CSS

Hattake

22 апр 2014 г., 20:49

Отрицающий реальность

background: url(images/img.jpg) no-repeat;
float: right;

Так?

venom

22 апр 2014 г., 20:50

Люди берегите воду - пейте пиво...

Hattake, По идеи - так...

Hattake

22 апр 2014 г., 20:54

Отрицающий реальность

# venom (22.04.2014 / 20:50)
Hattake, По идеи - так...

Вот такие пироги

Прикрепленные файлы:

235

(58.42 KB)

139818930344445.png

venom

22 апр 2014 г., 20:58

Люди берегите воду - пейте пиво...

Hattake, Живой пример дай...

Hattake

22 апр 2014 г., 20:59

Изменено

Отрицающий реальность

# venom (22.04.2014 / 20:58)
Hattake, Живой пример дай...

http://woogs.ru

venom

22 апр 2014 г., 21:04

Люди берегите воду - пейте пиво...

Hattake, Так ?
http://prntscr.com/3cf0fx
.............................

.phdr {
background: url(images/ph2.png) no-repeat #ebe9e9 right;
background-color: #ebe9e9;
padding: 10px;
margin: 1px 0px;
border: 1px solid #d7d7d7;
}

Hattake

22 апр 2014 г., 21:06

Отрицающий реальность

venom, То, что надо. Спасибо

Hattake

23 апр 2014 г., 16:14

Отрицающий реальность

При разрешении экрана больше 700px всё нормально, но при меньшем пропадает див phdr и ещё пара. В чём проблема?

css (+/-)

/*

        Design by K1p
        Icq 83-900-16
        Site http://designbykip.ru http://musichole.ru

*/

@media screen and (min-width: 700px) {


body {
background-color: black;
color: #3e3e3e;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
margin: auto;
padding: 0px;
max-width: 900px;
background: url(images/bgd.jpg) no-repeat black;
background-attachment: fixed; 
background-repeat: no-repeat ; 
background-size: 100% auto; 
cursor: url(http://woogs.ru/cur.cur), progress !important;
}


    .bode {
        background-color: #d5d5d5;
        color: #3e3e3e;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 12px;
        margin: auto;
        padding: 0px;
        max-width: 900px;
    }

    a {
        color: #55a8be;
        text-decoration: none;
    }
a:hover { 
    text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
   } 

    form {
        font-size: small;
        margin: 0px;
        padding: 0px;
    }

    h3 {
        margin: 0px;
        padding: 0px 0px 2px 0px;
    }

    hr {
        border: 0px;
        border-top: 1px solid gray;
        margin: 0px;
    }

    p {
        margin: 0px;
    }

    input[type="text"], input[type="password"] {
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    input[type="submit"] {
        background-color: #28adc0;
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    input[type="submit"]:hover {
        background-color: #96cad2;
        border: 1px solid #4d909a;
        padding: 3px;
        color: #ffffff;
        margin: 1px;
    }

    select {
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    textarea {
        width: 97%;
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    ul {
        margin: 0px;
        padding-left: 20px;
    }

    .fix {
        clear: both;
    }

    .top {
        background-image: url(images/top.gif);
        background-position: bottom;
        background-color: #28adc0;
        padding: 20px;
    }

    .content {
        background-image: url(images/content.gif);
        background-position: top;
        background-repeat: no-repeat;
        background-color: #ffffff;
        padding: 20px;
    }

    .site {
        margin-right: 25%;
        padding-right: 20px;
    }

    .sidebar {
        float: right;
        width: 25%;
    }

    .bottom {
        background-color: #ffffff;
        padding: 1px 20px 20px 20px;
    }

    .phdr {
background: url(images/ph2.png) no-repeat #ebe9e9 right;
background-color: #ebe9e9;
padding: 10px;
margin: 1px 0px;
border: 1px solid #d7d7d7;
}
    }

    .menu {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }

    .list2 {
        background-color: #f2f1f1;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #dedede;
    }

    .list1 {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }

    .topmenu {
        background-color: #e9f2f4;
        padding: 5px;
        margin: 1px 0px;
        font-size: 10px;
        border: 1px solid #d3e8ee;
    }

    .news {
        background-color: #eefdff;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #c5dfe3;
    }

    .alarm {
        background-color: #ffd8d8;
        position: fixed;
        text-align: center;
        padding: 40px 80px;
        bottom: 1%;
        right: 1%;
        font-weight: bold;
        border: 1px solid #e8b4b4;
        box-shadow: 0px 3px 6px #bfbfbf;
    }

    .tmn {
        display: none;
    }
    
    .gmenu {
        background-color: #ebf6f9;
        padding: 10px;
        border: 1px solid #d3e8ee;
    }
    
    .rmenu {
        background-color: #ffebeb;
        padding: 10px;
        border: 1px solid #edcfcf;
        margin: 1px 0px;
    }
    
    .bmenu {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }
    
    .fmenu {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }
    
    .footer {
        background-color: #f2f1f1;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #dedede;
        text-align: center;
    }
    
    .end {
        text-align: center;
        padding: 10px;
    }
    
    .sub {
        font-size: 10px;
        padding: 5px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
        border-top: 1px dashed #dadada;
        color: #ababab;
    }
    
    .gray {
        color: #ababab;
    }
    
    .green {
        color: #81d23f;
    }
    
    .red, .red a {
        color: #ff0000;
    }
    
    .reply {
        color: #28adc0;
        padding: 0px 5px 0px 5px;
        margin: 5px 0px 0px 0px;
        border-left: 4px solid #28adc0;
    }
    
    .greply {
        color: #727272;
        padding: 0px 5px 0px 5px;
        margin: 5px 0px 0px 0px;
        border-left: 4px solid #727272;
    }
    
    .quote {
        color: #949494;
        padding: 0px 5px 0px 5px;
        margin: 5px 0px 5px 0px;
        border-left: 4px solid #a9a9a9;
    }

    .status {
        font-size: 10px;
        font-weight: bold;
        color: #db8f21;
    }
    
    .currentpage {
        background-color: #edebeb;
        border: 1px solid #cccccc;
        padding: 0px 5px 0px 5px;
    }

    a.pagenav {
        border: 1px solid #cccccc;
        padding: 0px 3px 0px 3px;
        text-decoration: none;
    }

    a.pagenav:hover {
        background-color: #f7f7f7;
        border: 1px solid #dedede;
    }
    
    .func {
        color: #28adc0;
        padding: 0px 5px 0px 5px;
        margin: 10px 0px 10px 0px;
        border-left: 4px solid #28adc0;
        font-size: 10px;
    }
    
    .user {
        background-color: #f2f1f1;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #dedede;
    }
    
    .bblist {
        color: #1b8fa0;
        background: transparent url(../../images/dot.gif) no-repeat left;
        padding: 0px 0px 0px 10px;
    }

}

@media screen and (max-width: 699px) {

    body {
        background-color: #dfdfdf;
        color: #3e3e3e;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 12px;
        margin: auto;
        padding: 0px;
        max-width: 700px;
    }

    a {
        color: #55a8be;
        text-decoration: underline;
    }

    form {
        font-size: small;
        margin: 0px;
        padding: 0px;
    }

    h3 {
        margin: 0px;
        padding: 0px 0px 2px 0px;
    }

    hr {
        border: 0px;
        border-top: 1px solid gray;
        margin: 0px;
    }

    p {
        margin: 0px;
    }

    input[type="text"], input[type="password"] {
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    input[type="submit"] {
        background-color: #28adc0;
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    input[type="submit"]:hover {
        background-color: #96cad2;
        border: 1px solid #4d909a;
        padding: 3px;
        color: #ffffff;
        margin: 1px;
    }

    select {
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    textarea {
        width: 97%;
        border: 1px solid #4d909a;
        padding: 3px;
        margin: 1px;
    }

    ul {
        margin: 0px;
        padding-left: 20px;
    }

    .fix {
        clear: both;
    }

    .top {
        background-image: url(images/top.gif);
        background-position: bottom;
        background-color: #28adc0;
        padding: 10px;
    }

    .content {
        background-image: url(images/content.gif);
        background-position: top;
        background-repeat: no-repeat;
        background-color: #ffffff;
        padding: 10px;
    }

    .site {
        
    }

    .sidebar {
        display: none;
    }

    .bottom {
        background-color: #ffffff;
        padding: 1px 10px 10px 10px;
    }

    .phdr {
        background-color: #ebe9e9;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #d7d7d7;
    }

    .menu {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }

    .list2 {
        background-color: #f2f1f1;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #dedede;
    }

    .list1 {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }

    .topmenu {
        background-color: #e9f2f4;
        padding: 5px;
        margin: 1px 0px;
        font-size: 10px;
        border: 1px solid #d3e8ee;
    }

    .news {
        background-color: #eefdff;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #c5dfe3;
    }

    .alarm {
        background-color: #ffd8d8;
        text-align: center;
        padding: 10px;
        font-weight: bold;
        border: 1px solid #e8b4b4;
        margin: 1px 0px;
    }

    .tmn {
        color: #ffffff;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }
    
    .tmn a {
        background-color: #ffffff;
        color: #50c2d2;
        padding: 6px;
        text-decoration: none;
        border-radius: 4px;
    }
    
    .tmn a:hover {
        background-color: #a7dce4;
        color: #ffffff;
        padding: 6px;
        text-decoration: none;
        border-radius: 4px;
    }
    
    .gmenu {
        background-color: #ebf6f9;
        padding: 10px;
        border: 1px solid #d3e8ee;
    }
    
    .rmenu {
        background-color: #ffebeb;
        padding: 10px;
        border: 1px solid #edcfcf;
        margin: 1px 0px;
    }
    
    .bmenu {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }
    
    .fmenu {
        background-color: #f8f8f8;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #e5e5e5;
    }
    
    .footer {
        background-color: #f2f1f1;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #dedede;
        text-align: center;
    }
    
    .end {
        text-align: center;
        padding: 10px;
    }
    
    .sub {
        font-size: 10px;
        padding: 5px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
        border-top: 1px dashed #dadada;
        color: #ababab;
    }
    
    .gray {
        color: #ababab;
    }
    
    .green {
        color: #81d23f;
    }
    
    .red, .red a {
        color: #ff0000;
    }
    
    .reply {
        color: #28adc0;
        padding: 0px 5px 0px 5px;
        margin: 5px 0px 0px 0px;
        border-left: 4px solid #28adc0;
    }
    
    .greply {
        color: #727272;
        padding: 0px 5px 0px 5px;
        margin: 5px 0px 0px 0px;
        border-left: 4px solid #727272;
    }
    
    .quote {
        color: #949494;
        padding: 0px 5px 0px 5px;
        margin: 5px 0px 5px 0px;
        border-left: 4px solid #a9a9a9;
    }

    .status {
        font-size: 10px;
        font-weight: bold;
        color: #db8f21;
    }
    
    .currentpage {
        background-color: #edebeb;
        border: 1px solid #cccccc;
        padding: 0px 5px 0px 5px;
    }

    a.pagenav {
        border: 1px solid #cccccc;
        padding: 0px 3px 0px 3px;
        text-decoration: none;
    }

    a.pagenav:hover {
        background-color: #f7f7f7;
        border: 1px solid #dedede;
    }
    
    .func {
        color: #28adc0;
        padding: 0px 5px 0px 5px;
        margin: 10px 0px 10px 0px;
        border-left: 4px solid #28adc0;
        font-size: 10px;
    }
    
    .user {
        background-color: #f2f1f1;
        padding: 10px;
        margin: 1px 0px;
        border: 1px solid #dedede;
    }
    
    .bblist {
        color: #1b8fa0;
        background: transparent url(../../images/dot.gif) no-repeat left;
        padding: 0px 0px 0px 10px;
    }


}

-=ВДРЕБЕЗГИ=-

23 апр 2014 г., 16:27

Hattake, @media screen and (min-width: 700px) в самом начале укажи меньше 400 хотяб.

Hattake

23 апр 2014 г., 21:36

Отрицающий реальность

# -=ВДРЕБЕЗГИ=- (23.04.2014 / 16:27)
Hattake, @media screen and (min-width: 700px) в самом начале укажи меньше 400 хотяб.

Не в этом дело. Раньше всё было нормально.