Codage page d'accueil

[Sweeney]

Rappel du premier message :

Bonjour,

Je viens vers vous car j'aurais bien besoin de votre aide. J'ai créé une page d'accueil sous Photoshop sur laquelle j'ai prévu des cadres pour mettre du texte, le seul soucis c'est que j'ai beau chercher sur internet, je ne trouve pas le fameux code pour mettre mon texte dans une zone spéciale. J'ai essayé le code qui permet de maper une partie de l'image et d'insérer un lien en le modifiant de façon à pouvoir insérer mon texte, mais rien ne se passe. Quelqu'un pourrait m'expliquer comment on fait pour insérer du texte sur une zone spécifique d'une image, en l'occurence de ma page d'accueil ?

Merci d'avance.

PS : voici ma page d'accueil, histoire que vous compreniez de quoi je parle
http://files.getwebb.org/view-cre635ub.html

[Roxy.]

Bonjour,

C'est assez simple vu que vous avez déjà des td prête dans votre code :

Code:

              <td style="overflow: auto; height:119px  ; width:123px ;text-align:justify; position: absolute;" class="informations">      </td>
              <td style="overflow: auto; height:119px  ; width:292px ;text-align:justify" class="news"></td>


Vous n'avez qu'à modifier la taille et la position, encore une fois.

Cordialement,

[Sweeney]

J'ai réussi à placer le texte, ce que j'aimerais faire maintenant c'est insérer un lien sur une partie de l'image et non du texte, mapper l'image pour qu'une partie soit cliquable.

[FlohCricket]

Ma solution de bricoleur de Html/css serait de faire une image transparente, de la bonne taille, puis de déclarer une div de la même taille(pas d'overflow cette fois, si les dimensions sont justes, ça risque de placer une scrollbar ou il ne faut pas ), la placer en absolute et y insérer l'image à laquelle on alloue un lien (<a href=....><img src="...></a>). Quelqu'un de plus expérimenté ne ferait surement pas comme ça mais ça doit fonctionner.

Cordialement

[Roxy.]

C'est vrai que c'est une façon de faire. Mais je vous ai donné un tutoriel au début du sujet (celui ci) qui permet de mapper une image (donc d'y ajouter des liens) sans trop se compliquer la vie.

Cordialement,

[FlohCricket]

Merci beaucoup pour ce tutoriel roxy! (bien que ça ne soit pas mon post) Cela me sera très utile!!

C'est clair que c'est bien moins lourd en codage que ma méthode!


Cordialement,

Floh

[Sweeney]

Je connais déjà la méthode pour mapper, mon soucis c'est qu'elle créé une nouvelle PA en-dessous de l'autre. De toute façon j'ai abandonné et j'ai opté pour le texte Photoshop afin de pouvoir mapper correctement. Merci à vous tous en tout cas pour votre aide et votre patience !