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

Mise en page CSS Discussion :

Image cliquable positionement


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Novembre 2013
    Messages : 2
    Par défaut Image cliquable positionement
    A l'aide de Photoshop j'ai crée une pub avec un x cliquable.

    Ce que fait Photoshop c’est qu'il te permet de selectioner ou sur ton image sera le ou les liens et découpe l'image selon le nombre de section puis te donne le code html pour placer tes images comme si c'était juste une (avec un table).

    Mon Problème c'est que quand je rendre le code sur ma page une des images est plus haute que les autre
    (j'ai vérifier avec firbug c'est le td qui est plus grand)

    Ce que j'aimerais savoir c'est comment faire pour soit changer la hauteur du td soit une autre facons pour que le x son cliquable.... voici le code html suivient du css qui pourrait s’appliquer.... (j'aimerais mieux une autre facons de cette facons je perds l'animation du gif)

    Meric d'avance
    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
    <div id="colone-left">
    	<div id="left-pub" class="pub-vertical">
    		<table id="Table_01" width="120" border="0" cellpadding="0" cellspacing="0">
    			<tr>
    				<td rowspan="2">
    					<img id="publeft_01" src="images/publeft_01.gif" width="88" height="600" alt="" />
    				</td>
    				<td>
    					<a href="#" onmouseover="window.status='x';  return true;"onmouseout="window.status='';  return true;">
    						<img id="publeft_02" src="images/publeft_x.jpg" width="32" height="33" border="0" alt="Fermer l'onglet" />
    					</a>
    				</td>
    			</tr>
    			<tr>
    				<td>
    					<img id="publeft_03" src="images/publeft_02.gif" width="32" height="567" alt="" />
    				</td>
    			</tr>
    		</table>
    	</div>
    </div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    /*	
    	Début colone gauche
    */
    #colone-left{
    	border-radius:0 0 5px 5px;
    	position:fixed;
    	margin: 0 auto;
    	margin-top: -7px;
    	margin-bottom: 0px;	
    }/* 
    	Fin colone gauche
    */
    Je suis un peu comment dire.... dison que je tiens le plus possible a ne pas réveler mon travail a qui que se soit tant qu'il n'est pas publier sur le web donc j'ai pris une pub sur google est j'ai refait le meme processus pour que vous voyer de quoi on l'air les 3 photoà

    Nom : publeft_02.jpg
Affichages : 84
Taille : 3,2 KoNom : publeft_01.gif
Affichages : 63
Taille : 22,6 Ko(celle si est plus petite meme si sa se voit pas)Nom : publeft_03.gif
Affichages : 67
Taille : 9,4 Ko

    et un bout de screen shot du résultat:Nom : Untitled-1.jpg
Affichages : 64
Taille : 43,8 Ko

  2. #2
    Membre émérite
    Homme Profil pro
    Retraité informatique
    Inscrit en
    Juin 2012
    Messages
    519
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Retraité informatique
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Juin 2012
    Messages : 519
    Par défaut
    Plutôt que des tables pour faire de l'image mapping, n'est-il pas plus simple d'utiliser un logiciel d'image mapper?
    Une petite recherche sr internet et ils ne sont pas chers.
    Ils donnent immédiatement les balises img avec les coordonnées area etc.
    Mais peut être n'ai-je pas bien compris pourquoi il faut passer par photoshop.
    Jef

Discussions similaires

  1. image cliquable entrainant une ecriture de session
    Par killerhertz dans le forum ASP
    Réponses: 5
    Dernier message: 02/08/2006, 10h28
  2. image cliquable a different endroie
    Par manshoon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/06/2006, 16h17
  3. image cliquable
    Par kespy13 dans le forum Général JavaScript
    Réponses: 15
    Dernier message: 14/04/2006, 13h02
  4. [VB.Net] Image cliquable
    Par DevilDev dans le forum ASP.NET
    Réponses: 4
    Dernier message: 02/02/2006, 14h40
  5. Images cliquable...
    Par Angeldu74 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 26/01/2006, 18h30

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