0
0

Здравствуйте! Я еще не сделала до конца сайт. И я не смогла исправить ошибку. У меня не прелепляется к правому краю, только тогда когда я прописываю дополнительно float:right

Я еще не совсем умею пользоваться, чтобы выстовлять код в открытом доступе и возможно я и не правильно залила в githud

andreeva8/projectWordPress (github.com)

projectWordPress/project WordPress at main · andreeva8/projectWordPress (github.com)

Add files via upload · andreeva8/projectWordPress@eb01058 (github.com)

У меня получилось почему-то два проекта -один из них я удалю , а возможно я что-то не правильно сделала .

мне очень нужна помощь с кодом, что не так с правой частью и почему она не прежимается плоотно к правой части.Когда я эксперементировала прижать получилось в css float:right-где я выгрузила код( я не пременила этого.)

Кто может помогите пожалуйста. Спасибо.

Про картинку main_bg.png   Я не знаю правильно или нет ,но я делала все по уроку. Как я понимаю эта картинка должна прилигать левый и правый край , но у меня почему-то не прилигает к правому краю там кусок белый. Почему так я понять не могу. На уроке вроде смотрела у него с правой стороны прилигает все к краю.

Если кто сможет мне подсказать должно ли так быть или нет и что делать.

Пожалуйста подскажите. 

Может дело ,что я на windows,а не на ois хотя не должно быть .

код css

* { box-sizing: border-box;
    margin:0;
    padding:0;
   
}

.container { width:1140px;
    margin:0 auto;

}


.promo { height:800px;
    background:url('../img/main_bg.png')center center/cover no-repeat;
padding:39px 0 62px 0;


}

.logo .logo_img {
    display:block;
    margin:0 auto;
   
}

.logo .logo_text {
    font-family: 'Roboto';
    color: #FFFFFF;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-transform: uppercase;
    text-align:center;
    margin-top: 14px;
}

h1 {
    margin-top: 53px;
}
.tatle {
    font-family: 'Roboto';
    color: #F9BF3B;
    font-weight: 400;
    font-size: 41px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
}

h2.title {
    margin-top: 30px;
}

.simple .tatle_big {
    font-family: 'Roboto';
    color: #FFFFFF;
    font-weight: 400;
     font-size: 80px;
    text-align:center;
   text-transform: uppercase;
   margin-top: 20px;

}

.promo .promo_text {
font-family: 'Roboto';
font-weight: 300;
font-size: 21px;
line-height: 28px;
color: #FFFFFF;
font-family: 'Roboto';
font-weight: 300;
text-align:center;
}

.promo .promo_text span {
    font-weight: 300;
    font-family: 'Roboto';
    color: #F9BF3B;
}

код html

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WordPress интенсив</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
   <section class="promo">
<div class="container">
    <div class="logo">
        <img src="icons/logo.png" alt="logo" class="logo_img">
        <div class="logo_text">WordPress интенсив</div>
    </div>
    <h1 class="tatle">Создать свой сайт на WordPress </h1>
    <div class="simple">
        <h2 class="tatle_big">это просто! </h2>
        <div class="line"></div>
    </div>
    <h2 class="tatle">Куда сложнее сделать это правильно!</h2>
    <div class="promo_text">Ежедневно в России появляется более 5 000 новых сайтов.<br>И только единицы из них становятся популярными и приносят ощутимую прибыль. В чем секрет?<br>
        В чем формула успеха? Узнайте на предстоящем двухдневном <span>БЕСПЛАТНОМ</span> интенсиве!</div>
</div>
   </section>
</body>
</html>

я получила ответ

А вот тут ест ьпробел между свойствами?

url('../img/main_bg.png')center 

Если не получится поправить - залейте архив со всем проектом куда-нибудь, пожалуйста, и откройте доступ. Попробую посмотреть в чем дело.

Если кто сможет посмотрите пожалуйста код на githud и подскажите почему так.И что делать ? Как по уроку к сожалению у меня не получилось.

Всем хорошего настроения

Спасибо.


Анет Волгина
1 year ago






Добрый день. Продублирую ответ и тут. Так, если говорить про код, то никаких проблем именно с этим я не вижу, все +/- как и должно быть. Разные мелочи подправим дальше по курсу, по типу line-height свойства.

Потестировал в разных браузерах, разных масштабах и форматах: везде нормально:

Скрин №1

Скрин №2

Насчет ноутбука - да, вполне возможно. 

Как вариант - попробуйте открыть сайт в другом браузере и посмотреть на результат. Но конкретный 100%х совет очень трудно удаленно дать, к сожалению :(

Иван Петриченко
1 year ago

Почти все эти вопросы мы пройдем дальше по курсу :)

Мы будем адаптировать проекты и с библиотекой bootstrap и без нее. 

Вот насчет того, что у вас вылазит - это странно. В коде проблем никаких нет, тут только можно грешить на браузер. Дальше мы еще изучим инструмент адаптации, там можно будет посмотреть разные варианты.

Иван Петриченко
1 year ago

Здравствуйте! Я подумала может быть причина в ноутбуки и его разрешении.

Потому что в браузере в любом я уменьшаю до 50 %, то сайт становится похожим и прижимается к правому краю, но если я делаю 100% в браузерах то тогда сайт не прилигает к правому краю и вся структура и картинка ломается.

Может в этом причина?

И ,что в таком случаи делать ?

Если кто знает может в этом причина?

Помогите пожалуста.

Спасибо 

Анет Волгина
1 year ago

Здравствуйте! Спасибо большое, что ответили и затратили свое время на меня. Я Вам очень благодарна. Я рада, что ошибки нет.

Если прочитаете, пожалуйста сможете ответить для моего понимания.

У моего ноутбука разрешения экрана 1920х1080,а у кого-то будет манитор 32 дюйма и разрешение другое. Будет ли сайт выглядить одинаково ? Или это можно будет потом в  Bootstrap 4 все это выставить , чтобы корректно все открывалось в таком разрешении и в большем разрешении?

Еще я выше написала разрещения экрана 1920х1080 и в браузере у меня во всех 100% маштаб и выглядит вот так.Но при меньшем маштабе 50-60% все становится похоже по уроку. Просто хочу прекрепить скриншот, чтобы Вы посмотрели, как это выглядит у меня.

Скриншот-я не знаю, как вы добавили скриншот со словами скриншот1,а не длинную сыллку((( Сыллка без вирусов . Если сможете посмотрите пожалуйста, как выглядит у меня на ноутбуке в браузере диоганаль 16 дюймов,разрешения1920х180,маштаб браузера 100%.Справой стороны нет картинки. Поэтому я работаю, как я выше написала маштаб 50-60%.

https://drive.google.com/file/d/1emnz8KK3yeygop1mHHk6zidBPphR-tnJ/view?usp=sharing

Прошу прощения, что я прицепилась к этой теме.Просто хочется понять.Я продолжу дальше и посмотрим ,что получится и там буду корректировать , как это будет в целом.

Может это кому-то тоже поможет , если у кого-то будет тоже самое.

Но думаю, я одна такая счасливая ))

Если Вы сможете прокоментировать мои тут вопросы,я буду Вам очень благодарна.

Спасибо Вам большое.

Всем хорошего настроения

Анет Волгина
1 year ago

Здравствуйте! Спасибо большое за ответ и за потраченное на меня время. 

Анет Волгина
1 year ago

5 ответов