Rechercher : dans
Par :

Href dans un div

Dernière réponse le 20 nov 2009 à 19:01:22 Beber069, le 20 déc 2008 à 12:08:43 
 Signaler ce message aux modérateurs

Bonjour,
Je vous explique mon problème je voudrais créer un lien qui m'envoie vers une autre page dans un div. je vous montre le code :

<div class="basic" style="float:left; margin-left: 0em;" id="list1b" >
	<a>Charte :</a>
	<div class="basic2">
		<p></p>
	</div>
	<a>Générales :</a>
	<div class="basic2">
	<p>
	<a href="..">gg</a><br/>
	gg2
	</p>
	</div>
</div>



le souci est que mon href n'est pas pris en compte, mais prend les configurations de ma balise <a>. Si défois quelqu'un pourrait m'aider, étant débutant en css je gualère beaucoup .

MERCI
Configuration: Windows Vista
Firefox 3.0.5

Meilleures réponses pour « Href dans un div » dans :
Déclaration d'une feuille de style (CSS) Voir Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
Créer une DIV avec transparence Voir Les DIV transparents en CSS Vous voulez rendre une DIV transparente ? Rien de plus simple, il suffit d'utiliser une des techniques CSS suivantes : Rendre le DIV ainsi que le contenu transparent Le div lui même sera transparent, mais aussi...

1

HACKER 712, le 20 déc 2008 à 13:52:06

Bonjour

Ou est ton fichier cible par rapport a ta page ?

Répondre à HACKER 712

2

Beber069, le 20 déc 2008 à 14:20:32

Dans le même dossier si c'est cela ta question

Répondre à Beber069

3

HACKER 712, le 20 déc 2008 à 17:29:06

Je pense avoir trouvé : affiche le css qui va avec le code, ca pourrait m'aider !

Répondre à HACKER 712

4

Beber069, le 20 déc 2008 à 22:46:58

div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }

li { list-style-type: none; }
.basic{ width:20em; }

.basic  {
	width: 700px;
	font-family: verdana;
	border: 1px solid black;
}
.basic div {
	background-color: #eee;
}



.basic2 p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	padding: 10px;
}

.basic2 a{
	color:#99CC00;
	text-decoration: none;
	cursor: url("www.google.fr");
}

.basic a {
	cursor:pointer;
	display:block;
	padding:10px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("../image/AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("../image/AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("../image/AccordionTab2.gif");
}

Répondre à Beber069

5

HACKER 712, le 21 déc 2008 à 12:37:15

Essaye de supprimer le [ cursor : url("www.google.fr"); ] je croit que c'est ca qui merde. sinon, affiche ce que tu as mis dans le href : peut-etre tu t'es trompé dans la direction ?


tiens-moi au courant !!

Répondre à HACKER 712

6

Beber069, le 21 déc 2008 à 15:23:41

Même sans le cursor : url("www.google.fr"); ça marche pas mais le truc c'est que en fait le <a href> prend la configuration de mon div, et donc ne fais pas le lien que je voudrais. Je ne sais pas vraiment si cette explication peut vous aidez, mais défois.

Répondre à Beber069

7

HACKER 712, le 21 déc 2008 à 15:42:09

En fait : ton lien prends deux "basic2" le "basic2 a " et le "basic2 p", car ton lien est un "a" et dans un "p"
supprime ou condesnse les "basic2 a" et "basic2 p" dans le "basic2"


je crois que c'est ca : reponds vite !

Répondre à HACKER 712

8

Beber069, le 21 déc 2008 à 15:44:14

J'ai supprimer le "basic a" mais ca marche pas.

Répondre à Beber069

9

HACKER 712, le 21 déc 2008 à 15:44:38

Non, le basic2 a !

Répondre à HACKER 712

10

Beber069, le 21 déc 2008 à 15:45:54

Pardon j'avais éffacer le 2 sans faire exprés, j'ai bien éffacer le "basic2 a" est ca marche pas.

Répondre à Beber069

11

HACKER 712, le 21 déc 2008 à 15:47:06

Sinon, ta balise, essaye de tout condenser sous le nom " basic" sans 2
et affiche l'adresse !

Répondre à HACKER 712

12

Beber069, le 21 déc 2008 à 15:49:28

Si j'ai bien fais ce que tu m'as dit j'ai supprimer basic2 pour le créer seulement dans baisc mais ca marche pas.

Répondre à Beber069

13

HACKER 712, le 21 déc 2008 à 15:50:05

Affiche l'adresse de ton href !

Répondre à HACKER 712

14

Beber069, le 21 déc 2008 à 15:51:37

<a href="index.php?pages=page_test.php">gg</a>

Répondre à Beber069

15

HACKER 712, le 21 déc 2008 à 15:52:38

Dans ton lien je crois que tu dois mettre "amp" apres chaque "?"
salut !
a demain !

Répondre à HACKER 712

16

Beber069, le 21 déc 2008 à 16:00:01

Non pas encore ca merci beaucoup pour ton aide. A demain

Répondre à Beber069

17

Beber069, le 21 déc 2008 à 19:09:53

Merci pour ton aide mais j'ai pris un autre code qui marche mieux que le mien. Merci beaucoup pour ton aide et désolé de t'avoir dérangé pour ça.
je l'ai pris sur ce site http://css.alsacreations.com/...

a+

Répondre à Beber069

18

HACKER 712, le 22 déc 2008 à 12:43:36

Bon, ok ! mais c'est pas grave, ca m'a fait plaisir de t'aider !
au fait, tu as trouvé l'erreur ?

Répondre à HACKER 712

19

 ferrassi, le 20 nov 2009 à 19:01:22
  • +1

The Javascript Technic:

<div id="header" onclick="location.href='http://www.google.co.ma';" style="cursor:pointer;"> </div>

Répondre à ferrassi
Collection CommentÇaMarche.net