Discussion :

[bigltnt]

Bonjour.
Je souhaite faire un petit sous menu dans un fieldset. Je veux mettre un effet sur mes images (border-style: outset).

Jusque là, pas de problème.

Cependant, les boutons créés, je rajoute une petite balise <a> et là, catastrophe ... bordure bleu autour de mon image (classique), et impossible de remettre mon 'border-style: outset' après intégration de la balise de lien .

Code :

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

1
2
3
4
5
6
...HTML...
<fieldset id="console">
<a href="">
	<img class="icone" src="../img/newuser.gif"/>
</a>
</fieldset>

Code :

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

1
2
3
4
5
6
7
8
9
10
...CSS...
fieldset#console{
	padding: 2px 25px;
}
 
fieldset#console img{
	border-style: outset;
	margin: 0 20px;
	height: 55px;
}

Voila alors j'ai essayé de redéclarer "fieldset#console img" par "fieldset#console a img" et ca ne marche pas. Si au passage vous pouvez m'expliquer pourquoi, et me donner la bonne solution ...

[Ikonic]

salut,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
...CSS...
fieldset#console{
	padding: 2px 25px;
}
 
fieldset#console img{
        border: 0px;
	border-style: outset;
	margin: 0 20px;
	height: 55px;
}

[bigltnt]

Heu merci quand meme mais non ca ne marche pas.
En fait le truc c'est que y'a le lien (<a></a>) qui encadre mon <img> et du coup fait que le stylé désiré (celui du code CSS fournit) ne marche plus.

Donc c'est pas juste un problème de bordure bleue, mais surtout:

comment faire pour que mon image soit avec l'effet "border-style: outset;" maintenant qu'un lien l'encadre.

Pourquoi ça ca marche:

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
...CSS...
fieldset#console{
	padding: 2px 25px;
}
 
fieldset#console img{
	border-style: outset;
	margin: 0 20px;
	height: 55px;
}
 
...HTML...
<fieldset id="console">
	<img class="icone" src="../img/newuser.gif"/>
</fieldset>

Et pourquoi pas ca :

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
...CSS...
fieldset#console{
	padding: 2px 25px;
}
 
fieldset#console a img{
	border-style: outset;
	margin: 0 20px;
	height: 55px;
}
 
...HTML...
<fieldset id="console">
<a href="">
	<img class="icone" src="../img/newuser.gif"/>
</a>
</fieldset>

Voila voila, j'espère avoir eclairci mes propos (pas sur lol)

[1407.]

la class doit aller dans ton lien (a href) pas dans l'image.


en fait le code devrais ressembler a quelquechose comme ca...

CSS :

Code :

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

1
2
3
4
5
6
 
a.imagetest img {
	border-style: outset;
	margin: 0 20px;
	height: 55px;
}

HTML :

Code :

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

<A HREF="" CLASS="imagetest"><IMG SRC...></A>

[bigltnt]

Merci de vos réponses à tous.

Voici ce que j'ai fais:

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
...CSS...
fieldset#console{
	padding: 2px 25px;
	margin-top: 10px;
}
 
fieldset#console a img{
	border-width: 4px;
	border-color: white;
	border-style: outset;
}
 
..HTML...
<fieldset id="console">
				<a href="index.php?page=util&action=newuser">
					<img class="icone" src="../img/newuser.gif"/>
				</a>
			</fieldset>