Форум Сайтостроение Веб-строительство

проблема с блоками

Z2
На сайте с 22.11.2017
Offline
0
zhenka228
569

Только начал изучение html и столкнулся с некоторыми трудностями,когда хотел сверстать первый сайт.

Есть такой код:

<DOCTYPE html>

<html>

<head>

<meta>

<meta charset="utf-8">

<title>Home page</title>

</meta>

<link rel="stylesheet" href="HTML/style.css">

<head>

<body>

<div id="header" style="height:150px; background-color:#C0C0C0; margin-top:0.85px; margin-left:2.82px; width:1140px">

<div id="1" style="width:250;height:150;top-left">

<img src="D://HTML/images/Eagles.Jpg" style="height:150; width:250" alt="Home page <Eagles>" >

</div>

<div id="Hello" style="background-color:#808080;height:150;width:250px;top-center;margin-left:250px">

<h1 align="center" style="margin-top:10px">Hello</h1>

</div>

</div>

</body>

</html>

В итоге получается это:

https://drive.google.com/file/d/1tMYTI_uP3LX061Y816cQxRfEx9la8qTh/view?usp=sharing

Надо чтобы блок Hello был в блоке header,но по середине.Заранее спасибо за ответ.

webiumpro
На сайте с 20.03.2017
Offline
39
webiumpro
#1

У вас не закрыт тег head, обязательно нужен восклицательный к доктайпу. Если вы используете ширину и высоту в стилях, то обязательно нужно указывать им единицу измерения, иначе код будет невалиден, подозреваю, что вы перепутали их с атрибутами.

По поводу центрирования, вам нужно сделать нечто подобное:

<html>
<head>
    <meta>
    <meta charset="utf-8">
    <title>Home page</title>

    <link rel="stylesheet" href="HTML/style.css">
</head>
<body>

<div id="header" style="height:150px; background-color:#C0C0C0; margin-top:0.85px; margin-left:2.82px; width:1140px">
    <div id="1" style="width:250px;height:150px;display:inline-block;">
        <img src="D://HTML/images/Eagles.Jpg" style="height:150px; width:250px" alt="Home page <Eagles>">
    </div>

    <div class="hello-container" style="text-align: center;display:inline-block;width: calc(1140px - 255px);">
        <div id="Hello"
             style="background-color:#808080;height:150px;width:250px;display: inline-block;">
            <h1 align="center" style="margin-top:10px">Hello</h1>
        </div>
    </div>
</div>


</body>
</html>

Я бы вынес стили если не в отдельный файл, то хотя бы в теги <style></style>

И уберите неправильные стили вроде top-left и другие подобные, они вам ничего не дадут.

Копирование лендингов. Разработка на фреймворке сервисов. Создание сайтов (/ru/forum/994418)
как на JavaScript определить Упал доход Мэтт Каттс: о возможностях

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий