Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Html espacement


Sujet :

CSS

  1. #1
    Candidat au Club
    Homme Profil pro
    freelance
    Inscrit en
    septembre 2018
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : Cambodge

    Informations professionnelles :
    Activité : freelance

    Informations forums :
    Inscription : septembre 2018
    Messages : 4
    Points : 2
    Points
    2
    Par défaut 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 .

  2. #2
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    16 014
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 16 014
    Points : 32 805
    Points
    32 805
    Par défaut
    Bonjour,

    Montre ton code.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  3. #3
    Membre habitué

    Homme Profil pro
    sans
    Inscrit en
    octobre 2019
    Messages
    205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : octobre 2019
    Messages : 205
    Points : 145
    Points
    145
    Par défaut
    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.

  4. #4
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    16 014
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 16 014
    Points : 32 805
    Points
    32 805
    Par défaut
    Citation Envoyé par amateurprg Voir le message
    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 :
    Citation Envoyé par ryukai31 Voir le message
    ...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.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  5. #5
    Membre habitué

    Homme Profil pro
    sans
    Inscrit en
    octobre 2019
    Messages
    205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : octobre 2019
    Messages : 205
    Points : 145
    Points
    145
    Par défaut
    Oui c'est sûr

    Et :
    (surtout que tu racontes un peu n'importe quoi...)
    Dis-moi où ?

  6. #6
    Candidat au Club
    Homme Profil pro
    freelance
    Inscrit en
    septembre 2018
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : Cambodge

    Informations professionnelles :
    Activité : freelance

    Informations forums :
    Inscription : septembre 2018
    Messages : 4
    Points : 2
    Points
    2
    Par défaut
    Salut et désolé pour le retard j’étais occupé

    je vous montre en image ,

    Nom : 1573034994-exemple.png
Affichages : 17
Taille : 57,7 Ko

    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;

  7. #7
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    16 014
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 16 014
    Points : 32 805
    Points
    32 805
    Par défaut
    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é.
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  8. #8
    Rédacteur/Modérateur
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    décembre 2004
    Messages
    4 986
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : décembre 2004
    Messages : 4 986
    Points : 11 618
    Points
    11 618
    Par défaut
    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 ?
    ProgElecT
    Soyez sympa, pensez -y
    Balises[CODE]...[/CODE]
    Balises[CODE=NomDuLangage]...[/CODE] quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Le bouton en fin de discussion, quand vous avez obtenu l'aide attendue.
    ......... et pourquoi pas, pour remercier, un pour celui/ceux qui vous ont dépannés.

  9. #9
    Membre habitué

    Homme Profil pro
    sans
    Inscrit en
    octobre 2019
    Messages
    205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : octobre 2019
    Messages : 205
    Points : 145
    Points
    145
    Par défaut
    ç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.

Discussions similaires

  1. probleme d'espace non voulu entre 2 bloc
    Par piff62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 12/04/2005, 17h07
  2. probleme d'espace qui fausse une jointure
    Par Nadaa dans le forum MS SQL Server
    Réponses: 2
    Dernier message: 10/08/2004, 12h52
  3. Réponses: 2
    Dernier message: 24/06/2004, 10h13
  4. Probleme d'espace disque (= 0)
    Par infotron dans le forum Administration système
    Réponses: 12
    Dernier message: 01/06/2004, 19h29
  5. probleme d'espace
    Par hawax dans le forum MS SQL Server
    Réponses: 5
    Dernier message: 03/12/2003, 19h31

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo