Почему мой html веб-сайт выглядит по-другому на моих друзьях p c? - PullRequest
0 голосов
/ 15 апреля 2020

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

'''<!DOCTYPE html>

<title>Werner News</title>

p {
    font-size: 19px;
}

.WernerNews {
              width: 1650px;
    height: 200px;
}
.CowOrgasm {
              width: 850px;
    height: 400px;
}
 .KyloRen {
              width: 850px;
    height: 400px;
}

 .Lennie {
              width: 850px;
    height: 400px;
}

 .Melzi {
              width: 850px;
    height: 400px;
}

<table style"width:1500px>
     <colgroup>
        <col span="1" style="width: 50%;">
        <col span="1" style="width: 50%;">
     </colgroup>
    <tbody>
        <tr>
             <td><a href="file:///C:/Users/steph/Downloads/cow_orgasm_news.html"><img class="CowOrgasm" src="file:///C:/Users/steph/Downloads/cow.jpg" alt="Cow Orgasm"></a></td>
             <td><a href="file:///C:/Users/steph/Downloads/kyloren.html"><img class="KyloRen" src="file:///C:/Users/steph/Downloads/kylo.png" alt="Kylo Ren Nudes"></a></td>

        </tr>
        <tr>
             <td> <p class="CowText"> Cow´s orgasm is longer than our´s</p></td>
             <td> <p class="KyloRenText">     Kylo Ren seen naked</p></td>
        </tr>
        <tr>
             <td> <a href="file:///C:/Users/steph/Downloads/news.html"><img class="Lennie" src="file:///C:/Users/steph/Downloads/lennie.jpg" alt="Lennie"></a></td>
             <td><a href="file:///C:/Users/steph/Downloads/melzi.html"><img class="Melzi" src="file:///C:/Users/steph/Downloads/melzi.jpg" alt="Señor Melzita"></a> </td>
        </tr>
        <tr>
             <td> <p class="LennieText">Tragic desaster about 2 migrant workers in farm</p></td>
             <td><p class="MelziText"><b>Star News: </b>     New best teacher of the world was chosen</p></td>
        </tr>
    </tbody>
</table>
console.log ("Буэнос-Айрес" días senor Melzi, könnten S ie bitte uns (Louis und Ruben) für diese Idee und das wunderbare Дизайнерский фальшивый новостной сайт "+" eine 1 geben? Vielen Dank im Voraus und Liebe Grüße: Rubinio und Louisa ");

Ответы [ 2 ]

1 голос
/ 15 апреля 2020

Вероятно, это потому, что у ваших друзей нет файлов p c. file:///C:/Users/steph/Downloads/cow.jpg - это указанный c путь к файлу, который существует только на вашем P C.

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

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

Это, вероятно, из-за разных размеров экрана, попробуйте изменить стили ширины в пикселях в процентах

Пример:

.CowOrgasm {
    width: 60%;
    height: 400px;
}

что-то вроде выше, изменяя ширину до совпадения с Ваше требование

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...