Aller au menu - Aller au contenu

Lien href ne marche pas

Dans une div

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1 
Hors ligne ChristOff # Posté le 22/02/2012 à 17:46:18
Systematic Chaos
Avatar
Bonjour à toutes et à tous,

Je rencontre un problème plus que inhabituel sur la création d'un site.

J'ai une DIV leader dans laquelle est positionnée deux autres div, une div "image" et une "reconcile" dans la div reconcile se trouve un lien qui ne marche pas lors que l'on clique dessus. Si cette div (reconcile) se trouve en dehors de la div header le lien marche. pouvez-vous m'aider à résoudre ce problème ?

Voici le code HTML
Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<body>
<div id="main">
	<div id="header">
    	    <div id="image">
        	<img src="images/2bit_head2.jpg" width="495" height="67" alt="Title" />                              
            </div>
            <div id="reconcile"><a href="#">Reconcile</a>
            </div> 
        </div>
</div>
</body>

Voici le code CSS
Code : CSS
 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
26
27
28
29
30
31
32
33
34
35
36
37
38
@charset "UTF-8";
/* CSS Document */
#main{
	width: 85%;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Ropa Sans', sans-serif;
	
}

/* Bloc header */

#header{
		margin-top:30px;
		position:fixed;
		width:495px;
		height:68px;
}
/* Bloc Image */
#image{	
	float:left;
	margin-left:0px;
	width:495px;
	height:68px;	
}

/* Bloc reconcile */


#reconcile{	
	border-radius:10px;
	background-color:#ddecd8;
	width:100px;
	height:24px;
	margin-right:308px;
	margin-top:68px;
	
}


Merci d'avance pour vos réponses
Édité le 22/02/2012 à 17:50:04 par ChristOff
le coeur perçoit ce que l'oeil ne voit pas !
Image utilisateur


 
Publicité # Posté le 22/02/2012 à 17:46:18

Hors ligne mynfs # Posté le 22/02/2012 à 17:55:31
Avatar
Si ton lien pointe vers "#", c'est évident qu'il ne mènera nulle part.

<a href="#">Lien</a> mène au plus en haut de ta page, donc c'est normal que tu ne voies aucun changement.

Dans le cas de <a href="page.html">Lien</a>, par contre, tu serais envoyé vers page.html.
Factus Scribo

mynfs - Lead Developer sur le projet Factus Scribo
Une présentation de notre projet
 
Hors ligne ChristOff # Posté le 22/02/2012 à 17:57:58
Systematic Chaos
Avatar
Merci de ta réponse, cependant, ce n'est pas la question demandée. Au survol du pointer sur le lien, il ne devient pas "cliquable"
Édité le 22/02/2012 à 17:58:23 par ChristOff
le coeur perçoit ce que l'oeil ne voit pas !
Image utilisateur


 
Hors ligne AkaiKen # Posté le 22/02/2012 à 18:04:53
En amélioration constante
Avatar
close

Ville : Montmélian
Pays : France métropolitaine
Il doit y avoir autre chose dans ton code que ce que tu nous as donné, parce que quand j'utilise exactement et uniquement ce que tu as mis dans les balises < code > je ne reproduis pas ton souci : http://dabblet.com/gist/1886083
- Les liens pratiques sur html et css que je glane au gré du web.
- Je ne réponds pas aux demandes techniques par MP, le forum est fait pour ça. Et je ne réponds pas aux demandes d'amitié si je ne vous connais pas.
- Mozilla != Firefox, Java != JavaScript/js, ça != sa, learn the difference, it could save my mental health.
- Répondre "t'embête pas, fais un tableau" à n'importe quelle question c'est comme utiliser une cuillère dans toutes les situations. Parfois, ça sert. Parfois.
 
Hors ligne ChristOff # Posté le 22/02/2012 à 18:10:00
Systematic Chaos
Avatar
Ok voici le code en entier
Code : HTML
 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
26
27
28
29
<body>
<div id="main">
	<div id="header">
    	<div id="image">
        	<img src="images/2bit_head2.jpg" width="495" height="67" alt="Title" />
        </div>
    	<div id="reconcile"><center><a href="#">Reconcile</a></center>
        </div> 
    </div>   
    <div id="content">
    	<div id="bloc">
        	<div id="picture">
            </div>
            <div id="text">
            <p>Affert populo mei cu, feugait partiendo adolescens vis ex. Assum lucilius eam ex, ea malis tempor mel. Affert feugiat mentitum sit in, ut debet conceptam quo, apeirian electram te vix. Cu eos scaevola officiis intellegat. Dolore reprehendunt sit at, paulo tractatos cu vim, eu vix purto errem fabulas.</p>
<p>
Nibh verear qualisque duo ut, ex pri convenire complectitur, duo assum praesent recteque ne. Docendi civibus has ad, ius erat semper nusquam no. Ne eum novum laudem impetus. Nemore nonumes petentium has ea, recusabo elaboraret cu ius. Omnes accusam mediocritatem has ut, et hinc homero suscipiantur sed, duo no tollit suscipit. Has verear docendi eu.
</p>
            </div>
        </div>
    	<div id="menu">
        </div>
        
    </div>
    <div id="footer">
    </div>

</div>
</body>


CSS
Code : CSS
 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
@charset "UTF-8";
/* CSS Document */
#main{
	width: 85%;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Ropa Sans', sans-serif;
	
}

/* Bloc header */

#header{
	margin-top:30px;
	position:absolute;
	width:495px;
	height:68px;
}
/* Bloc Image */
#image{	
	float:left;
	margin-left:0px;
	width:495px;
	height:68px;	
}

/* Bloc reconcile */


#reconcile{	
	
	border-radius:10px;
	background-color:#ddecd8;
	width:100px;
	height:24px;
	margin-left:799px;
	margin-top:60px;
	
}


/* Bloc content   */

#content{
	margin-top:0px;
	position:fixed;
	width:900px;
	height:auto;
	}

#bloc{
	margin-top:130px;
	width:900px;
	border-radius:10px;
	background-color: #ddecd8;
	height:auto;
	min-height:220px;
	overflow:auto;
	max-height:220px;
}

#picture{
	position:absolute;
	border-radius:10px;
	background-color:#333;
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:400px;
	height:200px;
	
}

#text{
	margin-right:10px;
	margin-top:10px;
	float:right;
	width:450px;
	height:auto;
	min-height:180px;	
}


/* Bloc footer */


Merci d'avance
le coeur perçoit ce que l'oeil ne voit pas !
Image utilisateur


 
Hors ligne rigs # Posté le 22/02/2012 à 18:16:07
Avatar
#content doit être au-dessus du lien, tu ne peux cliquer au travers.

De plus il y a des incohérence entre les dimensions de ton contenu et le margin sur #reconcile.
Je ne vois pas l'interêt du position absolu su le header.
Hors ligne ChristOff # Posté le 22/02/2012 à 18:30:48
Systematic Chaos
Avatar
En effet il semble que je ne sois pas réveillé ce matin. Merci de ton aide.
le coeur perçoit ce que l'oeil ne voit pas !
Image utilisateur


 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx