LINUX.ORG.RU

Front end

 , , , ,


0

1

Помогите.Сделал по макету страницу,но при нажатии нав происходит едет по типу кропа.Речь идет о nav. макет тренировочный

.container{ margin-left: 50px; margin-right: 50px; }

/HEADER/

.logo-span{ color: #4BCAFF; } .header-logo{ margin: 65px 0; font-size: 50pt; }

/NAV/

.nav{ background-color: #35444f; text-align: center; height: 84px; } .nav-block{ display: inline-block; padding: 25px 45px;

} .nav-block-contant{ text-decoration: none; color: white; font-size: 24pt; } .nav-block:hover{ background-color: #222f3a; transition: .2s; border: 1px solid white; height: 32px; }

/SIDE NAVIGATION/

.side { margin-top: 50px;

} .side-nav{ border: 1px solid; float: left; width: 350px; } .side-nav-block{ padding: 30px 45px; color: #495863; } .side-nav-block:hover { background-color: #dbdbdb; padding-left: 70px; transition: .3s;

} .side-nav-block-contant{ text-transform: capitalize; text-decoration: none; font-size: 30px; color: #495863; } .side-nav-block-contant:hover{ color: black; }

/Main Contant/

.main{ margin-left: 396px; } .goat{ border: 1px solid; padding: 75px 300px; } .main-contant{ padding-left: 35px; text-align: left; padding-bottom: 35px; font-size: 18pt; } .main-item{ padding-top: 50px; } .main-content{ font-size: 18px; } /FOOTER/

.footer{ background-color: #B4B7BA; margin-bottom: 15px; padding: 19px 0 19px 22px; } .footer-nav{ } .footer-nav-block{ display: inline; } .footer-nav-block-contant{ text-decoration: none; text-transform: capitalize; font-size: 28px; color: black; text-align: center; padding-right: 10px; } .footer-nav-block-contant:hover{ color: #3181A6; text-decoration: underline; transition: .2s; } .copyrighte{ float: right; padding-right: 20px; font-size: 18px; display: inline; padding-top: 5px; }

Ответ на: комментарий от CryNet

Вот, люди пошли, не умеют разметку с листа читать! )

vvn_black ★★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.