Sujet Précédent Sujet Suivant

Span et position

Résolu/Fermé
Utilisateur anonyme - 27 août 2017 à 19:09
Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 - 29 août 2017 à 08:26
Bonjour à tous, j'aimerais mettre mon dernier span à cotes du div (de la bande grise), comment faire?
Merci d'avance
QuentinB 
<!DOCTYPE html>
 <head>
	 <title>AnaGames Print</title>
	 <meta charset="UTF-8"/>
	 <link rel="stylesheet" href="c.css" type="text/css"/>
 </head>
	 <body>
	   
	   
	   
	   
	  
	 <span style="
position: fixed; 
right: 25; 
top: 2%; 
font-family: Courier New; 
background: -webkit- linear-gradient (left, blue, yellow, pink, red);
background: -o- linear-gradient (left, blue, yellow, pink, red);
background: -moz- linear-gradient (left, blue, yellow, pink, red);
background: linear-gradient (left, blue, pink, red);
background: linear-gradient(to bottom right, blue, pink, red);
background: -prefix-linear-gradient(left top, blue, pink, red);
font-size: 90px;">
AnaGames Print
	</span>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<div>
	<div style="
font-size: 23px;
right: 100%;
top: 10px;
width: 400px;
background: gray;
">
	<span style="background: grey; font-size: 40px;">
	Mes Résaux Sauciaux:
	<br> 
	<br>
	</span>
		<span style="background: grey; font-size: 30px;">
		<a href="https://www.youtube.com/channel/UChv1GyclcW2-PvdrjQ_OGrQ" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">		
		⏬Clique sur cette icône⏬
		<br>
		<img src="Y.jpg">
		</a>
		</img>
	 </span>
	 <br>
	 <br>
	 <br>
	 <span style="background: grey; font-size: 30px;">
	<a href="https://www.instagram.com/quentin_bubu/" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">
	⏬Clique sur cette icônne⏬
	<br>
	  
	  
	  
	<img src="I.jpg">
	</img>
	</a>
	</span>
	<br>
	<br>
	<br>
	 <span style="background: grey; font-size: 30px;">
	<a href="mailto: anagamesprint@gmail.com" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">
⏬Clique sur cette icônne⏬
<br>
	<span style="
	width: 50px;">
	  
	  
	  
	<img src="M.jpg">
	</img>
	</a>
	</span>
	<span style="background: grey; font-size: 30px;">
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	<img src="Sn.jpg">
	<br>
	Mon Snap: xgaming_1
	</img>
	</span>
	<span style="background: grey; font-size: 30px;">
	  
	  
	  
	  
	  
	  
	  
	  
	  
	<img src="S.jpg">
	<br>
	Mon Skype: quentin200483
	</img>
	</span>
	<span style="background: grey; font-size: 30px;">
	  
	  
	  
	 
	<img src="H.jpg">
	<br>
	Mon e-mail: anagamesprint@gmail.com
	</img>
	</span>
	</span>
	</div>
	                                            
	<span>
	<a href="https://youtu.be/A4kXQVfzWpI" rel="nofollow noopener noreferrer" target="_blank">
<video controls="controls">
	Ma derniere vidéo
	</video>
	</a>
	</span>
 </html><!DOCTYPE html>
 <head>
	 <title>AnaGames Print</title>
	 <meta charset="UTF-8"/>
	 <link rel="stylesheet" href="c.css" type="text/css"/>
 </head>
	 <body>
	   
	   
	   
	   
	  
	 <span style="
position: fixed; 
right: 25; 
top: 2%; 
font-family: Courier New; 
background: -webkit- linear-gradient (left, blue, yellow, pink, red);
background: -o- linear-gradient (left, blue, yellow, pink, red);
background: -moz- linear-gradient (left, blue, yellow, pink, red);
background: linear-gradient (left, blue, pink, red);
background: linear-gradient(to bottom right, blue, pink, red);
background: -prefix-linear-gradient(left top, blue, pink, red);
font-size: 90px;">
AnaGames Print
	</span>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<div>
	<div style="
font-size: 23px;
right: 100%;
top: 10px;
width: 400px;
background: gray;
">
	<span style="background: grey; font-size: 40px;">
	Mes Résaux Sauciaux:
	<br> 
	<br>
	</span>
		<span style="background: grey; font-size: 30px;">
		<a href="https://www.youtube.com/channel/UChv1GyclcW2-PvdrjQ_OGrQ" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">		
		⏬Clique sur cette icône⏬
		<br>
		<img src="Y.jpg">
		</a>
		</img>
	 </span>
	 <br>
	 <br>
	 <br>
	 <span style="background: grey; font-size: 30px;">
	<a href="https://www.instagram.com/quentin_bubu/" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">
	⏬Clique sur cette icônne⏬
	<br>
	  
	  
	  
	<img src="I.jpg">
	</img>
	</a>
	</span>
	<br>
	<br>
	<br>
	 <span style="background: grey; font-size: 30px;">
	<a href="mailto: anagamesprint@gmail.com" rel="nofollow noopener noreferrer" target="_blank" style="text-decoration: none;">
⏬Clique sur cette icônne⏬
<br>
	<span style="
	width: 50px;">
	  
	  
	  
	<img src="M.jpg">
	</img>
	</a>
	</span>
	<span style="background: grey; font-size: 30px;">
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	<img src="Sn.jpg">
	<br>
	Mon Snap: xgaming_1
	</img>
	</span>
	<span style="background: grey; font-size: 30px;">
	  
	  
	  
	  
	  
	  
	  
	  
	  
	<img src="S.jpg">
	<br>
	Mon Skype: quentin200483
	</img>
	</span>
	<span style="background: grey; font-size: 30px;">
	  
	  
	  
	 
	<img src="H.jpg">
	<br>
	Mon e-mail: anagamesprint@gmail.com
	</img>
	</span>
	</span>
	</div>
	                                            
	<span>
	<a href="https://youtu.be/A4kXQVfzWpI" rel="nofollow noopener noreferrer" target="_blank">
<video controls="controls">
	Ma derniere vidéo
	</video>
	</a>
	</span>
 </html>



A voir également:

1 réponse

Réponse 1 / 1
Grandasse_ Messages postés 924 Date d'inscription jeudi 28 janvier 2010 Statut Membre Dernière intervention 27 avril 2023 594
29 août 2017 à 08:26
Bonjour,
Je vais être franc : ton code est imbuvable.

Il y a des <br> qui s'enchainent, tu fais des sauts de 5 lignes on sait pas trop pourquoi, je ne parle même pas des fautes d'orthographe.

Mes conseils seraient :
- Se renseigner sur la différence entre un div et un span
- Séparer le CSS du code (utiliser les ID ou les classes)
- Et pour le positionnement regarde du coté des flex-box
0

Discussions similaires

[PYTHON] Récupérer position dans liste
erickvand -
hugo -

12 réponses
distinguer positif du négatif
anossi -
anossi -

2 réponses
Caler une adresse au niveau de la fenêtre d'une enveloppe
®omain -
kent -

15 réponses