Menu slate probleme de liens

**miroof** · 03/09/2010, 13h56

Bonjour a tous,

j ai decouvert ce matin le CSS, parcouru quelques tuto, et je me suis lancé
j ai trouvé le script slate http://css.developpez.com/galerie/?p...izontaux#slate

je travaille sous web creator pro 5 maj
je me suis donc creer 4 pages 'generalites'preparations'installations'techniques'

j ai copier la partie html

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
<body>
 
<p>&nbsp;</p>
	<div class="red">
	<div id="slatenav">
	<ul>
 
	<li><a href="generalites.html" title="">Généralités</a></li>
	<li><a href="preparations.html" title="">Préparations</a></li>
	<li><a href="installations.html" title=""class="current" >Installations</a></li>
	<li><a href="techniques.html" title="">Techniques</a></li>
	<li><a href="http://www.13styles.com/css-menus/slate/" title="css menus">Contact Us</a></li>
	</ul>
 
	</div>
	</div>

en changeant le current sur chaque page et ajoutant les lignes en dessous de <body>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<head>
<title>13styles.com - Slate</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

si j ai bien capter le delire, ca va lire le script dans style.css ou les 4 codes couleurs ont été "programmés" et qui vont etre lu grace a la balise

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div class="red">
	<div id="slatenav">

dans la partie html

Mon soucis est le suivant: quand je regarde ma page sous firefox (3.6.8)
j ai le joli menu comme sur votre site, le probleme est que la fonction des liens et des mouseover ne fonctionne pas, en gros j ai un menu figé

Sous internet exploreur, j ai du activer l autorisation des scripts; je peux naviguer mais la partie basse des boutons en survole n apparait pas, (le petit triangle) en gros la partie haute jusqu au bas de l ecriture fonctionne, et la partie entre le bas de l ecriture et le bas du menu est invisible (le fameux triangle)

mon but etant de faire un menu style www.gosugamers.net

ya du boulot

je vous remercie de votre aide

bonne journee

**miroof** · 03/09/2010, 14h02

ok, j ai copier coller, le code html sur notepad et enregistrer en Html et ca fonctionne a tout les coups c est webcreator pro 5 qui fait chier

**polymorphisme** · 03/09/2010, 15h03

Bonjour miroof,

en même temps, il va falloir te familiariser avec le vocabulaire du HTML et des feuilles de styles CSS pour avancer.

current sur chaque page

C'est quoi au juste le "current" ? En précisant qu'il s'agit de la valeur de l'attribut "class" d'une balise a, c'est plus compréhensible.

ca va lire le script dans style.css ou les 4 codes couleurs ont été "programmés" et qui vont etre lu grace a la balise

En fait, le navigateur va parcourir ta page html, lorsqu'il rencontre la balise link, il associera cette page à la feuille de style CSS style.css.
Ensuite, il associera chaque élément de la page html à une, plusieurs ou aucune règles de styles indiquées dans la feuille de styles.
En écrivant <div class="red">, tu associe la classe #red à l'élément div.
Ainsi, l'élément div est affiche dans le navigateur suivant les valeurs des propriétés de la règle(s) sélectionner pour cet élément.

le probleme est que la fonction des liens et des mouseover ne fonctionne pas

On n'a pas ta feuille de style.

Menu slate probleme de liens

CSS

Vue hybride

Discussions similaires

Partager

Partager