IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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

HTML Discussion :

ecrire sur image?


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 6
    Par défaut ecrire sur image?
    bonjour j'aurai besoin d'un peu d'aide
    je suis en train de créer un site et j'ai un petit soucis!!!!

    En fait j'ai ce code:
    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
     
    <div style="background-image:url('contact.jpg');background-repeat:no-repeat;height:1000px;width:800px;
    text-align-center;"div id="titreRubrique">Contacter l'ASA-Basket
     
    <div id="titreNews" style="color: gold;">Pour contacter le club :</div>
    <div id="texte">
    Tél bureau : 00. 00. 00. 00. 00 <br>
    Fax : 00. 00. 00. 00. 00<br>
    Adresse: ASA-Basket
    - Mairie des Arcs/Argens - 83 460 -Les Arcs/Argens<br>
    </div>
     
    <br>
    <div id="cadreTexte">
    <div id="titreNews" style="color: gold;">Pour contacter le President:</div>
    <div id="texte">Tél domicile : 00. 90. 00. 00. 00 <br>
    Mobile : 00.00.00.00.00<br>
     
    Email : <a href="mailto:************@wanadoo.fr">************@wanadoo.fr</a><br>
    Adresse: ******************
     
     
    </div>
    </div>


    mais j'arrive pas a déplacer le texte dessus si quelqu'un pouvait me donner un coup de main ca serai tres gentil merci d'avance

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    pour commencer tu n'as pas inséré ton code dans les balises adéquates.
    Ensuite une image de la page ou une page en ligne serait le bienvenue,
    on ne sait pas quel est l'image et le texte cible.

  3. #3
    Membre éclairé Avatar de Tillo
    Homme Profil pro
    Webmaster
    Inscrit en
    Octobre 2007
    Messages
    494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2007
    Messages : 494
    Par défaut
    Bonjour,

    C'est vrai que je ne veux pas donner l'impression de critiquer mais ta question
    est un peu floue...
    ce serait bien que tu nous donnes un lien vers ta page pour que puisse mieux se rendre compte.

    A bientôt,
    Alexis

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 6
    Par défaut
    VOILA c mon image et jaimerai ecrire dans le carré libre
    Images attachées Images attachées  

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 37
    Par défaut
    Tu écris ton texte et une fois qu'il sera écrit, tu lui metteras un style !

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    style="position:absolute; left:...px; top:...px; width:....px; height:...px;"

  6. #6
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 6
    Par défaut
    ok mais ca je le place a quel endroit dans mon code?????

  7. #7
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Un fond saturé comme celui-ci est le meilleur moyen de faire fuir
    un bon nombre de visiteurs! D'une part c'est très lour visuellement et
    d'autre part très mauvais pour la lisibilité du texte.
    Alors je te conseil de changer ton fond mais aussi de mettre tes rubriques en
    HTML et non en image pour des raisons d'accessibilité.
    Certains utilisateurs même s'ils sont minoritaire empêchent le chargement
    des images et il arrive que les images ne se chargent pas pour une raison ou une autre.

  8. #8
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 6
    Par défaut
    comment ça changer mon fond tu sais combien de temps sa ma pris a faire cette image ?????
    tu ve que je change quoi en fait???

  9. #9
    Membre chevronné

    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    19 647
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 19 647
    Par défaut
    Citation Envoyé par djben Voir le message
    comment ça changer mon fond tu sais combien de temps ça ma pris a faire cette image ?????
    si ça t'as pris longtemps, c'est que tu ne dois pas avoir utilisé la bonne technique
    Citation Envoyé par djben Voir le message
    tu veux que je change quoi en fait???
    Je vais me permettre de réponse à cette question qui ne m'est pas destinée.
    Une grande image = un temps de chargement très long donc une source de problème (tout le monde n'a pas l'ADSL)
    En plus, mais je suppose que ce sont les couleurs du club, rouge et jaune, c'est très agressif.
    Il serait préférable d'avoir un fond plus neutre et une bannière aux couleurs du club par exemple.

    Sinon pour solutionner ton problème très simplement, utilise le CSS.
    http://css.developpez.com

  10. #10
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Je plussoie sur les explication de guardian.


    Pour l'image voila ce qu'il faudrait obtenir (plus bas)

    avec un background CSS de 1px X la largeur de l'image répété sur l'axe des Y
    pour les rayures rouge et jaunes.
    Le logo en image png en html avec transparence
    et si possible une simplification des contours noirs (pour pouvoir les gérer via un des border CSS).
    Enfin l'ajout des textes en HTML.

    Le web ce n'est pas si simple, on ne raisonne pas du tout sans prise en compte des contrainte imposé par le média qui est sur beaucoup de point très différent de l'imprimé.
    Images attachées Images attachées  

  11. #11
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 6
    Par défaut
    ouai peut etre mais en meme temps c pas la question vous repondez pas a ma question la c'est un peu hors sujet

  12. #12
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par djben Voir le message
    ouai peut etre mais en meme temps c pas la question
    vous repondez pas a ma question la c'est un peu hors sujet
    Hors sujet? Je crois pas non. Tu aimerais avoir la réponse servi sur un
    plateau d'argent mais puisque tu sembles te foutre des explications
    qui te sont données, ça ne sera pas moi qui te donnerai la solution ça c'est sûr!

  13. #13
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 6
    Par défaut
    aucun rapport tu me dis de reduire mon image alors que je demandais comment ecrire dessus c'est tout
    mon image elle reste comme elle est

  14. #14
    Membre chevronné

    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    19 647
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 19 647
    Par défaut
    Désolé si tu ne comprends pas ce qu'on te donne comme solution (et 3 personnes différentes), mais le CSS est bien la solution à ton problème.

Discussions similaires

  1. Ecrire sur image
    Par jcaspar dans le forum Multimédia
    Réponses: 11
    Dernier message: 31/10/2013, 10h01
  2. ecrire sur une image ?
    Par messahel dans le forum Langage
    Réponses: 1
    Dernier message: 03/10/2009, 02h37
  3. Réponses: 2
    Dernier message: 18/03/2009, 20h17
  4. Ecrire sur une image
    Par Viscapon dans le forum AWT/Swing
    Réponses: 19
    Dernier message: 22/06/2008, 21h12
  5. [HTML] Ecrire sur une image
    Par machipot dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/01/2007, 17h52

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