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
    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
    Invité
    Invité(e)
    Bonjour,

    Montre ton code.

  3. #3
    Membre habitué
    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
    Invité
    Invité(e)
    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.

  5. #5
    Membre habitué
    Oui c'est sûr

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

  6. #6
    Candidat au Club
    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;

  7. #7
    Invité
    Invité(e)
    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é.

  8. #8
    Rédacteur/Modérateur

    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 ?
    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.
    Balises[C]...[/C] code intégré dans une phrase.
    Balises[C=NomDuLangage]...[/C] code intégré dans une phrase 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é
    ç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.

###raw>template_hook.ano_emploi###