Html espacement

Version imprimable

03/11/2019, 15h47
ryukai31

Html espacement

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 .
04/11/2019, 09h52
Invité

Bonjour,

Montre ton code.
04/11/2019, 09h58
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.
04/11/2019, 10h13
Invité

Citation:

Envoyé par amateurprg

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

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

Il n'y a rien à dire, car :

Citation:

Envoyé par ryukai31

...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.
04/11/2019, 12h36
amateurprg

Oui c'est sûr ;)

Et :

Citation:

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

Dis-moi où ?

1 pièce(s) jointe(s)

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

je vous montre en image ,

Pièce jointe 515345

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:

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:

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

06/11/2019, 12h17
Invité
Bonjour,

Citation:

...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:

1 2 3 4 <div id="fondtexte"></div> <center> ...
N.B. Le div <div id="fondmenu"> n'est pas non plus fermé.
06/11/2019, 13h58
ProgElecT

Salut

Code:

<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 ?
06/11/2019, 13h59
amateurprg

Citation:

ça n'a toujours aucun sens.

Lol,
pareil pour moi :/

Citation:

<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.