Удаление полей на картинке в html / css - PullRequest
Новая
       74

Удаление полей на картинке в html / css

0 голосов
/ 30 апреля 2020

Как выглядит страница в настоящее время и поле, которое я хочу удалить

Я хочу удалить белую рамку вокруг изображения. Я много чего перепробовал, кажется, ничего не работает. Вот что у меня так далеко. HTML: 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="home.css" rel="stylesheet" type="text/css" />
</head>

<body style="background-color:white;">
    <img src="Banner1.jpg" width=100% height=200px>
  <div >
       <center> <a href="about.html"> About </a> 
        <a href="MyFeed.html">My Feed</a></center>
    <script src="home.js"></script>
  </body>
</html>

И в CSS

.col{ float: left;
        background-color: #0f83c775;
        height:3px;
        width:33%;
        position:"fixed";
         overflow:auto;}
.body{max-width: 100%;
    margin: 0;
            padding:0;
}
.img{max-width: 100%;
    margin: 0;
            padding:0;
                margin-left: 0px;
    margin-right: 0px;

}

1 Ответ

0 голосов
/ 30 апреля 2020

ты только положил. перед img и body, которые заставляют вас определять вместо элементов img и body классы img и body.

это ваши исправленные css: 

.col{ float: left;
        background-color: #0f83c775;
        height:3px;
        width:33%;
        position:"fixed";
         overflow:auto;}
body{
    margin: 0;
    padding:0;
}
img{
    width: 100%;
    margin: 0;
    padding:0;
}

Вместо max- ширина использует только ширину и не помещает атрибут ширины в тело. 

<meta name="viewport" content="width=device-width">

, что у вас в голове, заставит тело принять ширину экрана

Но я не не понимаю, что вы хотите определить с помощью .col, если это ссылка на myfeed. html вместо .col {вы должны поставить {

Надеюсь, это поможет

...