Discussion :

[roi86]

Bonjour,mon texte se centre bien sur grand écran pc mais sur les plus petits écrans (tél) il déborde .
Que puis je faire ?
J'ai déjà essayé les class "container" "align-items-center"
Mais à chaque fois ca me centre le bas de la page sur le haut de la page au lieu de me centrer juste le texte
Des idées ?
Un grand merci à l'avance

[MPython Alaplancha]

Bonjour,
Tu utilises quelle interface graphique pour afficher ton texte?

[roi86]

Bonjour, ca s'affiche sur une page web

[MPython Alaplancha]

ah d'accord. Je laisse la place à un intervenant qui connait ce domaine. (ce qui n'est pas mon cas)

[Invité]

Salut !

Hum, c'est pas de l'HTML tout simplement ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<style>
.center {
  text-align: center;
}
</style>
<div class="center">Toto</div>

Ou :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<center>Toto</center>

Ou :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="text-align:center">Toto</div>

[roi86]

hello,Le narvalo
je pense que c'est du python.
voilà mon code. T'es pas obligé de tout lire j t'ai juste envoyé une partie du code de la page web pour que tu vois à quoi ca ressemble et pour que tu puisses peut être me dire ou j devrai idéalement placer la commande que tu m'as proposé parce que là ou j la place çà change malheureusement rien .C'est centré sur grand écran mais pas sur téléphone .La phrase que j veux centrer c'est "YOUR GO-TO SUPPLIER OF BELGIAN CRAFT BEER" tout à la fin du code. En fait elle est centrée mais déborde sur les cotés comme tu peux voir sur la première photo(tél).l'idéal ce serait qu'elle apparaisse en entier sur l'écran au dessus dans la zone orange comme je l'ai rajouté en rouge avec paint

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
				<div class="slider-container rev_slider_wrapper" style="height: 100vh;">
					<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'sliderLayout': 'fullscreen', 'delay': 9000, 'gridwidth': 1170, 'gridheight': 1000, 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500], 'parallax': { 'type': 'scroll', 'origo': 'enterpoint', 'speed': 1000, 'levels': [2,3,4,5,6,7,8,9,12,50], 'disable_onmobile': 'on' }}">
						<ul>
							<li class="slide-overlay" data-transition="fade">
								<img src="{% static 'img/blank.gif'%}"
									alt="Loading"
									data-bgposition="center center"
									data-bgfit="cover"
									data-bgrepeat="no-repeat"
									class="rev-slidebg">
 
 
								        </div>
                                                                       <div class="center">Toto</div
					                               <div class="row align-items-center">
                                                                       <div class="tp-caption font-weight-extra-bold text-color-dark negative-ls-2"
									data-x="center"
									data-y="center" data-voffset="['-300','-300','-300','-75']"
									data-start="700"
									data-fontsize="['50','50','50','90']"
									data-lineheight=['100','100','100','180']
									data-transform_in=;opacity:0;s:500;" style="z-index: 5;">YOUR GO-TO SUPPLIER OF BELGIAN CRAFT BEER</div>
 
				    </div>
                </div>

Merci d'avance pour ton aide

[Invité]

Ah oui quand même, j'avais encore jamais rencontré une personne qui ne sait même pas dans quel langage il code... C'est juste écrit dans l'extension du fichier !
Sinon n'oublie pas de fermer la balise correctement : <div class="center">Toto</div> et d'utiliser l'intégralité du code avec le style... Essaye tout simplement ça : <center>Toto</center>