Aller au contenu

spidercrash

Actif
 Afficher le profil  Parcourir son contenu

  • Compteur de contenus

    27

  • Inscrit(e) le

  • Dernière visite

 Type de contenu 

Messages postés par spidercrash

    superposition texte sur image

    dans (X)HTML et CSS

    Posté · Modifié par spidercrash

    J'ai trouver une solution mais toujours une petit probléme c'est exact fallait que je mettre dans images dans le css en background

    cela donne



    #entete
    {
    	width: 1024px;
    	height: 200px;
    	position: absolute;
    	top: 90px;
    	left: 190px;

    	background: url("contenu/barre.png") no-repeat;	
    }


    div#entete 
    {

       color:white;
       font-size:15px;
       font-family: arial;

       /* [...] */
    }

    et le xhtml

    <div id="entete">

    <p><h2>Véhicule - annonces générales</h2></p>

    </div>

    mais si je fait ceci dans le css


    h2
    {

    	position: absolute;
    	top: -20px;
    	left: 500px;
    }

    cela marche mais va s'appliquer a chaque balise h2

    je peut pas crée un sous conteneur dans le div ?

    le probléme de se faite je ne peut pas déplacer mon texte ou que je le souhaite voyais vous pourquoi

    superposition texte sur image

    dans (X)HTML et CSS

    Posté

    bonjour a tous je commence juste en css je change du flash point de vu référencement :D.

    j'ai un soucis pour superposer du texte sur une image

    l'image se nomme barre.png le texte a la valeur annonce.

    voici le code de mon xhtml


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head> 
     <title>petite annonce gratuite pour particulier encart publicitaire pour profesionnel</title>
     <meta http-equiv="Content-Type" content="text/html";
    	charset=iso-8859-1" />
     <link rel="stylesheet" media="screen" type="text/css"
    	title="Design espace" href="style.css" />
    </head>
    <body>

     <p>
        <img src="contenu/logo.png" alt="logo" class="logo" />
    	<img src="contenu/barre.png" alt="barre" class="barre" />
     </p>

     <div id="annonce"></div>
    	<h2>Véhicule - annonces générales</h2>






    </body>
    </html>

    et voici le code de mon CSS

    body
     {
    	color: black;
    	background-color: #CBCBCB;	
    }
    .barre
    {
    	position: absolute;
    	top: 95px;
    	left: 190px;
    }
    .logo
    {
    	position: absolute;
    	top: -20px;
    	left: 240px;
    }
    #annonce
    {
    	width: 95px;
    	height: 80px;
    	position: absolute
    	top: 0px;
    	left: 0px;	
    }
    h2
    {
    	font-family: arial;
    	color: white;	
    }

    J'ai chercher sur le net j'ai pas tout compris pour un debutant :(

    pouvez vous m'aider et m'explique une peut merci d'avance

    car je ne voit pas comment faire

×
×
  • Créer...