Je me demandais comment je pouvais afficher mon texte n'importe où autour de ma page d'accueil car je vais avoir plus de texte à afficher
C'est ce que j'ai sur ma maison.html Comment puis-je le déplacer n'importe où sur mon écran Pour adapter l'endroit où je veux *** c'est mon problème maintenant vidéo Mes vues de la maison p> sur ma base.html j'ai une chose similaire mais je ne suis pas sûr de savoir pourquoi il déplace mon p> avec le titre P> une pièce h1>
<!-- base.html -->
<!doctype html>
<html>
<head>
<style type="text/css">
.sidenav {
height:100%;
width:160px;
position: fixed;
z-index:1;
top:0;
left:0;
background-color:#111;
overflow-x: :hidden;
padding-top:20px;
}
.sidenav a {
padding:6px 8px 6px 16px;
text-decoration: none;
font-size:25px;
color: #818181;
display:block;
}
.sidenav a:hover{
color:#f1f1f1;
}
.sidenav a:hover{
color:#f1f1f1;
}
.home{
margin-left:500px;
padding: 0px 10px;
color: #212F3D;
font-size:28px;
}
</style>
<title>{% block title %} Habibs Website {% endblock %}</title>
</head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<body>
<div class="sidenav">
<a href="/home">Home</a>
<a href="/2">View</a>
<a href="/create">Create</a>
</div>
<div id= "content", name="content", class="home">
<h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1>
{% block content %}
{% endblock %}
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
3 Réponses :
Votre contenu de bloc est à l'intérieur de la balise DIV et vous définissez votre CSS avec une classe div, c'est pourquoi il se déplace.
<div id= "content", name="content", class="home">
<h1 class= "mt-0.6">Anime Domain Best 2020 Animes</h1>
</div>
{% block content %}
{% endblock %}
Merci beaucoup, j'apprends Django et j'ai beaucoup à apprendre puis-je poser une autre question? Comment puis-je rendre le texte sur ma page d'accueil déplacer n'importe où sur mon écran? Image
@Abibismaïa Learn Lear CSS et HTML est ce que je vous recommande, vous pouvez démarrer ici
@Abibismaïa Il n'y a pas d'image dans le lien. Veuillez apprendre d'abord HTML, CSS et JavaScript, puis allez avec Django.
Ce n'est pas un problème de Django, plutôt un problème HTML / CSS / JS. Django traverse Python. Lorsque vous demandez une page, à la fin, Django vous donne simplement une réponse, certains HTML, CSS et JS. Vous devez déterminer comment résoudre ce problème à l'aide de HTML / CSS / JS, pas de Django.
Ce problème n'est pas satisfait de Django-Python. Comme Django-Python est responsable des algorithmes backend et du rendu des pages.
Mais comment la page sera l'air et quelle sera la conception, comment les animations fonctionneront, seront contrôlées par CSS et JavaScript.
Alors maintenant pour votre problème:
La réponse par Umair Lakhani est la première solution
Pour déplacer le texte n'importe où sur la page
Si vous utilisez jQuery, vous pouvez utiliser
Qu'est-ce que cela signifie "n'importe où sur mon écran pour s'adapter à l'endroit que tu veux"? Si vous voulez des éléments de draggale de manière dynamique, vous pouvez utiliser Propriété Draggable sur html5 avec CSS
non comme je veux déplacer le texte ailleurs