Левую колонку не зафлоатили. Нужно зафлоатить влево.
всем привет? подскажите что не так и почему левая колонка находится внизу:
/* Собственные стили блоков */
.header {
min-height: 50px;
margin-bottom: 10px;
color: #ffffff
}
.logo {
float: left;
width: 230px;
text-align: center;
background-color: #333333;
color: #ffffff
font-weight: bold;
}
.contacts {
float: right;
width: 110px;
text-align: center;
background-color: #333333
}
.about-us {
width: 200px;
margin-bottom: 10px;
}
.about-us h1 {
font-size: 20px;
}
.about-us p {
font-size: 10px;
}
.main-menu {
float: right;
width: 110px;
}
.footer {
clear: both;
background-color: #333333;
color: #ffffff
}
а скрин можно посмотреть?
в селекторе .about us добавить свойство float:left
Это единственное, что приходит в голову по этому поводу…
это сработоло, но теперь при проверки становится “холодно”, тоесть теперь я ещё дальше от истины
всё написал немного по другому и всё заработало
Поздравляю)
ЧТО СНОВА НЕ ТАК???
``/* Общие стили для документа и блоков, менять не надо */
body {
width: 450px;
margin: 0;
padding: 10px;
font-family: Arial;
font-size: 14px;
}
.logo,
.contacts,
.about-us,
.main-menu,
.footer {
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
border: 2px solid #cccccc;
}
/* Собственные стили блоков */
.header {
min-height: 40px;
margin-bottom: 20px;
}
.logo {
float: left;
width: 100px;
text-align: center;
background-color: #333333;
color: #ffffff;
}
.contacts {
float: right;
width: 110px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-style: italic;
}
.about-us {
width: 200px;
margin-bottom: 10px;
float: left;
}
.about-us h1 {
}
.about-us p {
font-size: 12px;
}
.main-menu {
width: 50px;
float: right;
}
.footer {
background-color: #333333;
color: #ffffff;
}Здравствуй) Расскажу о том, что видно сразу. Для .logo надо добавить полужирное начертание текста.Плюс одно правило (.about-us h1) у тебя пустое. А должно содержать размер шрифта 18 px. Поправь это и скинь сюда скрин для наглядности. Будет проще понять, что именно не так.
1 лайк
/* Общие стили для документа и блоков, менять не надо */
body {
width: 450px;
margin: 0;
padding: 10px;
font-family: Arial;
font-size: 14px;
}
.logo,
.contacts,
.about-us,
.main-menu,
.footer {
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
border: 2px solid #cccccc;
}
/* Собственные стили блоков */
.header {
min-height: 40px;
margin-bottom: 20px;
}
.logo {
float: left;
width: 100px;
text-align: center;
background-color: #333333;
color: #ffffff;
}
.contacts {
float: right;
width: 110px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-style: italic;
}
.about-us {
width: 200px;
margin-bottom: 10px;
float: left;
}
.about-us h1 {
font-size: 18px;
}
.about-us p {
font-size: 12px;
margin-bottom: 20px;
}
.main-menu {
width: 50px;
float: right;
}
.footer {
background-color: #333333;
color: #ffffff;
float: left;
width: 80%;
}
/* Общие стили для документа и блоков, менять не надо */
body {
width: 450px;
margin: 0;
padding: 10px;
font-family: Arial;
font-size: 14px;
}
.logo,
.contacts,
.about-us,
.main-menu,
.footer {
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
border: 2px solid #cccccc;
}
/* Собственные стили блоков */
.header {
min-height: 40px;
margin-bottom: 20px;
}
.logo {
float: left;
width: 220px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-weight: bold;
}
.contacts {
float: right;
width: 110px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-style: italic;
}
.about-us {
width: 220px;
margin-bottom: 10px;
float: left;
text-align: center;
}
.about-us h1 {
font-size: 18px;
}
.about-us p {
font-size: 12px;
margin-bottom: 20px;
}
.main-menu {
width: 110px;
float: right;
}
.footer {
background-color: #333333;
color: #ffffff;
float: left;
width: 80%;
}
Переделал вот так и все равно не прокатывает
А почему текст в Графе “о нас” посередине? В образце же слева. И тогда чисто визуально всё норм, кроме футера. Еще у меня ширина logo и about us 230px. Останется только подобрать ширину для футера. У меня сработало при 406px.
Прошел, но правильность всего 90%
Давайте код и скрин вашего варианта на 90%, если хотите больше.
всем привет!
Подскажите в чем может быть проблема? В мини-браузере показывает всё более-менее похоже, в “результате” вообще ничего не меняется. Браузер Хром. В остальных заданиях тоже всегда в “результате” ничего не отображалось или совсем не больште изменения, но испытания все проходила на 98-100%. А тут прям беда какая-то…
Это после нажатия на “Проверить” во вкладке “Результат” ничего не отображается? Просто по скриншоту видно, что попыток полное количество.
1 лайк
Попробуйте через другой браузер. Через Fox, например.
Не могу пройти испытание.
найти где закралась ошибка не получается! Еще и разность отображения результата очень не адекватна!
/* Общие стили для документа и блоков, менять не надо */
body {
width: 450px;
margin: 0;
padding: 10px;
font-family: Arial;
font-size: 14px;
}
.logo,
.contacts,
.about-us,
.main-menu,
.footer {
padding: 10px 20px 10px 20px;
background-color: #f5f5f5;
border: 2px solid #cccccc;
}
/* Собственные стили блоков */
.header {
min-height: 40px;
margin-bottom: 20px;
font-family: Times New Roman;
}
.logo {
float: left;
width: 230px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-weight: bold;
}
.contacts {
float: right;
width: 110px;
text-align: center;
background-color: #333333;
color: #ffffff;
font-style: italic;
}
.about-us {
width: 230px;
margin-bottom: 10px;
float: left;
}
.about-us h1 {
font-size: 20px;
}
.about-us p {
font-size: 12px;
}
.main-menu {
width: 110px;
float: right;
}
.footer {
clear: both;
margin-top: 209px;
background-color: #333333;
color: #ffffff;
}