1 Тема від drosorov2

  • drosorov2
  • Заблокований
  • Поза форумом
  • Звідки: UkrVital через проксі
  • Дата реєстрації: 14.11.2020
  • Повідомлень: 18
    • Репутація: 3

Тема: Не працює margin

page.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="mainstyle.css">
<meta name="Content-language" content="en">
</head>
<body>

<div class="wrapper">

   <div class="head_main_block">

      <div class="head_main_logo">

         <div class="head_main_logo_link">
            000
         </div>

      </div>

   </div>

</div>

</body>

</html>

mainstyle.css

.wrapper
{
background:#FFF;
text-decoration:none;
color:#000
font:24px Arial;;
border:3px solid #F00;
margin:9px;
width:1000px;
}
.head_main_block
{
background-color:#3D34F9;
color:#FFF;
font:26px Arial;
}
.head_main_logo
{
margin:10px;
background-color:#3D34F9;
color:#FFF;
}
.head_main_logo_link
{
text-decoration:none; 
}

результат
https://replace.org.ua/uploads/images/10610/2d0396181504dd972e02ed82a8df08b6.png
Якщо і там і там margin

.head_main_block
{
margin:10px; - тут додав
background-color:#3D34F9;
color:#FFF;
font:26px Arial;
}
.head_main_logo
{
margin:10px; - тут було
background-color:#3D34F9;
color:#FFF;
}

результат
https://replace.org.ua/uploads/images/10610/db38ae03ea4ae2d6a286cb0c38cdeebe.png
повинно бути (відредаговано Paint)
https://replace.org.ua/uploads/images/10610/7021bf45112c55a1f47d8c328107e8e3.png

2 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 13 832
    • Репутація: 5579

Re: Не працює margin

синьому блоку додайте padding, а не margin

Подякували: drosorov2, leofun012

3 Відповідь від drosorov2

  • drosorov2
  • Заблокований
  • Поза форумом
  • Звідки: UkrVital через проксі
  • Дата реєстрації: 14.11.2020
  • Повідомлень: 18
    • Репутація: 3

Re: Не працює margin

FakiNyan написав:

синьому блоку додайте padding, а не margin

дякую, вже працює.

4 Відповідь від drosorov2

  • drosorov2
  • Заблокований
  • Поза форумом
  • Звідки: UkrVital через проксі
  • Дата реєстрації: 14.11.2020
  • Повідомлень: 18
    • Репутація: 3

Re: Не працює margin

FakiNyan написав:

синьому блоку додайте padding, а не margin

Тепер не працює посилання: воновідображається фіолетовим, а не білим,

5 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 13 832
    • Репутація: 5579

Re: Не працює margin

drosorov2 написав:
FakiNyan написав:

синьому блоку додайте padding, а не margin

Тепер не працює посилання: воновідображається фіолетовим, а не білим,

Може через те, що ви на нього вже кляцали? https://developer.mozilla.org/uk/docs/Web/CSS/:visited

Подякували: drosorov21

6 Відповідь від drosorov2

  • drosorov2
  • Заблокований
  • Поза форумом
  • Звідки: UkrVital через проксі
  • Дата реєстрації: 14.11.2020
  • Повідомлень: 18
    • Репутація: 3

Re: Не працює margin

FakiNyan написав:

Може через те, що ви на нього вже кляцали? https://developer.mozilla.org/uk/docs/Web/CSS/:visited

Може. А як мені нормально зробити хеадер, щоб ті 000 - було посилання на корінь сайту? Щоб воно не підкреслювалось? Я ставлю text-decoration: none

<div class="head_main_logo_link">
            <a style="text-decoration:none; text-align: center" href="http://mysite.com/">TOP HARDWARE</a>
         </div>

Я поставив з наведеного Вами посилання код

a:visited {
  background-color: yellow;
  border-color: hotpink;
  color: hotpink;
}

але все рівно фіолетова.
P.S. Вибачте що я вас там обізвав анімешником і звинуватив у неіснуючих речах в темі про смішні картинки, я завжди чомусь відповідаю на добро (допомогу) кактусом
P.S.2 Можете мене зробити не надовго Користувачем щоб я поредагував деякі свої повідомлення?

7 Відповідь від Вовчик

  • Вовчик
  • Заблокований
  • Поза форумом
  • Дата реєстрації: 17.11.2020
  • Повідомлень: 8
    • Репутація: 0

Re: Не працює margin

Все рівно фіолетова. Але дивіться як зроблено на форумі:

<a href="/">
            <span id="logo">
<!--                <a href="/"><img src="/style/Replace/img/logo.png" alt="Український форум програмістів - Replace.org.ua" /></a> -->
                    <img style="width: 50px;" src="/style/Replace/logo/hedgehog.svg" alt="Український форум програмістів - Replace.org.ua">
            </span>
            <span id="logo-text">                    <span class="name">Replace</span><br>
                    <span class="slogan">Український форум програмістів</span>
            </span>
                    </a>

Тобто, блоки вкладені в <a> а не навпаки. *** вибачте за жабу (матюк) скільки часу витратив, а треба було просто залізти в джерело напр. цього форуму і подивитися "як там"