Не могу сдвинуть АЛЬБОМЫ вниз

Курсы §16. Наследование и каскадирование
1

Здравствуйте, всем! Не могу сдвинуть АЛЬБОМЫ вниз. Натолкните на мысль

2

Переопределить margin для заголовка альбомов h2, чтоб он не съезжал наверх?

Прикрепите к посту лучше ваш код, чтоб не гадать.

3

Нашел.! Спасибо!

1 лайк
4

Добрый день.
Не понимаю как привести альбомы в порядок. Помогите…

html, body{
    margin:0;
    padding:0;
}
body{
    font-family:Tahoma, Arial, sans-serif;
    font-size:12px;
    width:550px;
    height:300px;
}
.profile{
    padding:5px 10px;
}
.profile img{
    display:block;
    padding:10px;
    border: 2px solid #34495e;
    border-radius:8px;
}
.profile .photo{
    float:left;
    width:152px;
}
.profile .info{
    float:left;
    width:368px;
    margin-left:10px;
}
.profile.info h2, #info-title{
    margin:0 !important;
    padding:10px !important;
    font-size:12px;
    font-weight:normal;
    background:#34495e;
    color:#fff;
    border-radius:4px;
}
div .info .fact{
    padding:10px;
    background:white !important;
}
div .fact:nth-child(odd){
    background:#ecf0f1 !important;
}
.fact:after{
    content:"";
    clear:both;
    display:table;
}
div .fact .title{
   float:left;
   width:120px;
   text-align:right;
   color:#7f8c8d !important;
}
div .fact .value{
   margin-left:140px;
   color:#34495e !important;
}
.info .albums{
    margin-top:5px;
    margin-bottom:5px;
}
.albums img{
    float:left;
    margin-right:5px;
}
.albums img:last-child{
    margin-right:0;
}
span.button{
    display:block;
    height:30px;
    margin:5px 0;
    text-align:center;
    line-height:30px;
    color:#fff;
    border-radius:4px;
}
.button.stroke{
    background:#3498db;
}
.button.feed{
    background:#2ecc71;
}
.button.startle{
    background:#e74c3c;
}
5

Нужно исправить на .profile .info h2, т.к. .profile.info без пробела применяется к блоку, у которого одновременно есть и класс profile, и класс info.

1 лайк
6

Спасибо! вы мой спаситель :smile:

7

привет!
проблема с последней картинкой :frowning: пробовала без #miska и с ним. подскажите, как поставить ее на место? спасибо!

html, body{
    margin:0;
    padding:0;
}
body{
    font-family:Tahoma, Arial, sans-serif;
    font-size:12px;
    width:550px;
    height:300px;
}
.profile{
    padding:5px 10px;
}
.profile img{
    display:block;
    padding:10px;
    border: 2px solid #34495e;
    border-radius:8px;
}
.profile .photo{
    float:left;
    width:152px;
}
.profile .info{
    float:left;
    width:368px;
    margin-left:10px;
}
#info-title, div .profile, .info h2{
    margin:0 !important;
    padding:10px !important;
    font-size:12px;
    font-weight:normal;
    background:#34495e;
    color:#fff;
    border-radius:4px;
}
.profile div.fact{
    padding:10px;
    background:white;
}
.profile .fact:nth-child(odd){
    background:#ecf0f1;
}
.fact:after{
    content:"";
    clear:both;
    display:table;
}
.profile .fact .title{
   float:left;
   width:120px;
   text-align:right;
   color:#7f8c8d;
}
.profile .fact .value{
   margin-left:140px;
   color:#34495e;
}
.albums{
    margin-top:5px !important;

#miska {
    float:left;
    margin-right:5px !important;
}
}
.albums img{
    float:left;
    margin-right:5px !important;
    
}

    
}
 .profile .albums img:last-child{
    margin-right:0 !important;
    
}
.profile .button{
    display:block;
    height:30px;
    margin:5px 0;
    text-align:center;
    line-height:30px;
    color:#fff;
    border-radius:4px;
}
.photo .stroke{
    background:#3498db;
}
.photo .feed{
    background:#2ecc71;
}
.photo .startle{
    background:#e74c3c;
}
8

Посмотрите внимательно на свой код. Если исправить все неправильно закрытые фигурные скобки, то код будет на 100%.

1 лайк
9

большое спасибо! все получилось)) буду внимаетельней! :pray:

10

Подскажите плиизз, не могу разобраться с котами и альбомом…вот код…
`html,
body {
margin: 0;
padding: 0;
}

body {
width: 550px;
height: 300px;
font-size: 12px;
font-family: Tahoma, Arial, sans-serif;
}

.profile {
padding: 5px 10px;
}

.profile img {
display: block;
padding: 10px;
border: 2px solid #34495e;
border-radius: 8px;
}

.profile .photo {
float: left;
width: 152px;
}

.profile .info {
float: left;
width: 368px;
margin-left: 10px;
}

.profile .info h2 {
margin: 0;
padding: 10px;
font-weight: normal;
font-size: 12px;
color: #ffffff;
background: #34495e !important;
border-radius: 4px;
}

.fact {
padding: 10px;
background: white !important;
}

.fact:nth-child(odd) {
background: #ecf0f1 !important;
}

.fact::after {
content: “”;
display: table;
clear: both;
}

.fact .title {
float: left;
width: 120px;
text-align: right;
color: #7f8c8d !important;
}

.fact .value {
margin-left: 140px;
color: #34495e !important;
}

.albums img {
margin-top:5px !important;
}

.albums img {
float:left;
margin-right:5px !important;
}

.profile .albums img:last-child{
margin-right:0 !important;
}

.photo .button {
display: block;
height: 30px;
margin: 5px 0;
line-height: 30px;
text-align: center;
color: #ffffff;
border-radius: 4px;
}

.photo .stroke {
background: #3498db;
}

.photo .feed {
background: #2ecc71;
}

.photo .startle {
background: #e74c3c;
}`

11

.profile .info h2 {
margin: 0 !important;
padding: 10px !important;
font-weight: normal;
font-size: 12px;
color: #ffffff;
background: #34495e !important;
border-radius: 4px;
}

1 лайк
12

Ineska спасибо!!!:))) Пробую…