Discussion :

[Imp rusg]

Bonjour , je cherche de nouvelles propriétés ( que je ne connais pas , pas nouvelles nouvelles ) pour rendre plus attrayant le menu en haut de ma page : http://www.xbox-passion.com/ , pour le menu article immanquable , je ne souhaite pas mettre de carroussel ou de flash ... rien que du html et du css .

Je souhaiterais notamment qu'une sorte de calque vert vienne se mettre quand la souris d'un utilisateur passe dessus ( ou une bordure ) mais transparente !

Quelle est le code à mettre ( même si c'est pas transparent , tant pis ) dans ma balise div , voici le code actuel de ma petite intro :

Code :

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
22
23
24
25
<div style="padding:5px"> 
			<table style="border-bottom:1px solid;" align="center"><CAPTION style="text-align:left;color:red;size:10;"><strong>Les articles a ne pas manquer : </strong></CAPTION>
 
 
		       <td style="align:center"><th>  
	<a href="http://www.xbox-passion.com/index.php?option=com_content&view=article&id=54:lexique&catid=39:dossier&Itemid=89">
			        <img src="http://ns8.freeheberg.com/~rusg/upload3/lexique-140x85.png" alt="Lexique de la xbox 360" width="140" height="86" 
					style="padding:5px"><br /><p style="text-align:center">Lexique</p></a>
				</th>
				<th><a href="http://www.xbox-passion.com/index.php?option=com_content&view=article&id=57:comment-reconnaitre-le-code-de-couleurs-de-la-360&catid=40:tuto&Itemid=99">
				    <img src="http://ns8.freeheberg.com/~rusg/upload/360.360.360-360.360.xboxpassion.jpg" alt="led xbox" width="140" height="86" 
				    style="padding:5px"><br /><p style="text-align:center">Codes couleurs de la xbox 360</p></a>
				</th>
				<th><a href="http://www.xbox-passion.com/index.php?option=com_content&view=article&id=50:bien-entretenir-sa-xbox-360&catid=40:tuto&Itemid=99">
				    <img src="http://ns8.freeheberg.com/~rusg/upload/bien%20entretenit%20sa%20xbox%20-%20Xbox%20passsion.jpg" alt="Sa xbox 360"  width="140" height="86" 
				    style="padding:5px"><br /><p style="text-align:center">Bien entretenir sa xbox 360</p></a>
				</th>
				<th><a href="http://www.xbox-passion.com/index.php?option=com_content&view=article&id=52:differencier-les-lecteurs-de-la-xbox-360&catid=40:tuto&Itemid=99">
				    <img src="http://ns8.freeheberg.com/~rusg/upload/lecteur-xbox-360-liteon-fils.jpg" alt="xbox 360 et ses lecteurs"  width="140" height="86" 
				    style="padding:5px"><br /><p style="text-align:center">Les lecteurs de la xbox 360</p></a>
				</th>
				</td><br /><br />
				</table >
 
			</div><br /><br />

xbox 360

[asagtoth]

salut,
vu qu'il y a une modification de ta div à apporter en fonction de l'utilisateur, le javascript semble être necessaire

[Imp rusg]

Je peux rajouter une class mais je pensais que je n'avais besoin que du CSS ?

xbox 360

[Imp rusg]

Je vais modifier ma question , comment mettre ce css dans un div :

Code :

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

1
2
3
4
a img 
{
   border: 2px solid black;
}

xbox 360

[desert]

J'espère que tu m'excuseras mais je ne comprends pas la question.
Appliquer le style que tu nous montres sur un div ?

[Imp rusg]

Oui , je souhaiterai appliquer cette commande dans un div !

xbox 360

[desert]

Par exemple :

Code html :

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

<div id="test">blabla...</div>

Code css :

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

1
2
3
div#test { /* ou #test, c'est au choix */
      border: 2px solid black;
}

Mais est-ce toi qui as codé le site que tu nous donnes ? Parce que je ne vois pas ce qu'il y a de difficile si c'est bien le cas.

[Imp rusg]

En faîtes je voulais pas passer pas un id ou un class mais tant pis .

Merci beaucoup ( regarde le pied de mon site )

xbox 360

[Imp rusg]

J'ai fait ce que je voulais faire en utilisant mon template.css ... je ne sais pas pourquoi j'ai voulu le faire dans le div

Merci comme même

xbox 360