Discussion :

[ryukai31]

Bonjour tout le monde .

j'aimerais savoir comment faire un espacement entre deux élément html et css ,

j'ai une image que j'ai inséré en html et un cadre en css , mais l'image html se met sur le css , j'ai essayer plein de balise sans succès,

merci de votre aide a l'avance .

[Invité]

Bonjour,

Montre ton code.

[amateurprg]

Si l'élément html est pas un élément sur lequel on peut modifier le margin-left ou margin-right, je l'entoure d'un élément sur lequel je peux le faire, par exemple un span ou un div (mais le div faut le mettre en "inline-block" dans son css.

bon en gros pour espacer des éléments html j'utilise margin-left ou margin-right ou les deux si y a besoin quoi.

EDIT :

Ah tu veux dire que t'as un élement <img> et un élément <div> et tu veux qu'ils soient séparés ?
Bein ces deux éléments se séparent d'office normalement s'ils sont déclarés en position relative dans leur css, ce qui est le truc par défaut je crois.
Donc sils se montent l'un sur l'autre c'est qu'il y en a un des deux qui est en position absolute peut-être, ou que son "left" est négatif ?

Mais comme le dit Jreaux, y a qu'avec ton code qu'on saura
Il a eu raison de pas blablater pour rien, c'est pas comme moi qui papote lol.

[Invité]

Il a eu raison de pas blablater pour rien, c'est pas comme moi qui papote lol.

Je confirme...
(surtout que tu racontes un peu n'importe quoi...)


Il n'y a rien à dire, car :

...mais l'image html se met sur le css...

"se met sur le css" n'a aucun sens.

Il faut attendre le code pour comprendre ce qu'il a voulu dire.

[amateurprg]

Oui c'est sûr

Et :

(surtout que tu racontes un peu n'importe quoi...)

Dis-moi où ?

[ryukai31]

Salut et désolé pour le retard j’étais occupé

je vous montre en image ,



en faite le cadre bleu est fait en css et les logos sont inséré en html mais du coup les logos html vont sur le css .

Code HTML :

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 id="fondmenu">
  <ul id="menu">
 
	<li><a href="#"><span>American Pool</span></a></li>
	<li><a href="#"><span>Tournament</span></a></li>
    <li><a href="#"><span>Live Sports</span></a></li>
	<li><a href="#"><span>Menu</span></a></li>
	<li><a href="#"><span>Dart Game</span></a></li>
    <li><a href="#"><span>Events</span></a></li>
	<li><a href="#"><span>Galery</span></a></li>
	<li><a href="#"><span>Info & Prices</span></a></li>
	<li><a href="#"><span>Contact</span></a></li>
 
  </ul>
 
<div id="fondtexte">	
 
		<center>
		<a href="https://web.facebook.com/The-Venue-110999896994679/"><img src="https://image.noelshack.com/fichiers/2019/44/2/1572363356-logo-fb-petit.png"></a>
		<a href="https://www.instagram.com/thevenuepool/?hl=fr"><img src="https://image.noelshack.com/fichiers/2019/44/2/1572366166-logo-instagram-petit.png"></a> 
		<a href="mailto: <a href="mailto:kh.performance@gmail.com">kh.performance@gmail.com</a>?"><img src="https://image.noelshack.com/fichiers/2019/44/2/1572366166-logo-mail-petit.png"></a> 
		<img src="https://image.noelshack.com/fichiers/2019/44/2/1572366166-logo-snap-petit.png">
		</center>
 
      </body>

et le css tout simple :

Code :

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

1
2
3
4
5
#fondtexte 
{
	width: 100%;
	height: 250px;
	background-color: aquamarine;

[Invité]

Bonjour,

...les logos html vont sur le css...

ça n'a toujours aucun sens.
Il n'y a pas d'"élément CSS" dans la page.
C'est un <div>, donc un "élément HTML", qui a été stylé avec du code CSS. Point.

Mais si tu veux que les images s'affichent APRÈS le cadre bleu, il faut fermer le div :

Code HTML :

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

1
2
3
4
<div id="fondtexte"></div>
 
    <center>
...

N.B. Le div <div id="fondmenu"> n'est pas non plus fermé.

[ProgElecT]

Salut

Code HTML :

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

		<a href="mailto: <a href="mailto:kh.performance@gmail.com">kh.performance@gmail.com</a>?"><img src="https://image.noelshack.com/fichiers/2019/44/2/1572366166-logo-mail-petit.png"></a>

N'y a t'il pas aussi un problème dans cette ligne N°21 ?

[amateurprg]

ça n'a toujours aucun sens.

Lol,
pareil pour moi :/

<center>

La presentation du contenu tu dois la faire avec le CSS pas avec les anciennes balises HTML, ton site sera plus en accord avec la norme actuelle.

Tes liens sur ton site doivent etre juste des liens pour se connecter aux sites dont tu donnes les liens mais tu peux pas juste mettre un lien pour "utiliser" leur image/icone. Les icones ou images doivent provenir de ton site directement.
Sauf si c'est un lien donné par le site qui est visé, par exemple un lien facebook aura son icone.