Cadre autour d'une image avec des liens

Fermé
kigela - 11 sept. 2011 à 14:07
KX Messages postés 16741 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 30 mai 2024 - 21 sept. 2011 à 15:50
Bonjour,
Je cherche à faire comme l'image ci-dessous, c-à-d un cadre avec des liens. Comment y procéder?

http://data.imagup.com/12/1130408335.png

Merci d'avance


A voir également:

3 réponses

C'est du HTML/CSS Abel.
0
^Abel^ Messages postés 15399 Date d'inscription jeudi 14 juillet 2011 Statut Contributeur Dernière intervention 14 février 2023 6 856
11 sept. 2011 à 14:45
Oups... j'ai mal regardé, excusez-moi ;-)
0
Np, merci quand même pour ta réponse
0
Bonsoir,
Toujours d'actualité, merci. ;]
0
KX Messages postés 16741 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 30 mai 2024 3 016
17 sept. 2011 à 23:20
Un petit lien (Google : 10 secondes) : Créer des coins arrondis en CSS et sans images

<html>
<head>
<style type="text/css">

	div
	{
		width: 450px;
		padding: 10px;
		background: #ccc;
	}

	div.arrondi
	{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

</style> 
</head> 
<body> 

	<div class="arrondi"> 
		<p>Un bloc arrondi</p> 
	</div>
 
</body> 
</html>
0
Ne fonctionne pas, j'ai essayé sur FA.. :/
0
KX Messages postés 16741 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 30 mai 2024 3 016
21 sept. 2011 à 14:52
FA ?
Moi j'ai testé ça sur Chrome et Firefox, et ça marche !
Au pire tu peux regarder les autres résultats que te donne Google...
0
ForumActif ^^
0
KX Messages postés 16741 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 30 mai 2024 3 016
Modifié par KX le 21/09/2011 à 15:52
Cela vient peut-être d'une particularité de "Forum Actif" (que je ne connais pas du tout)

Tu peux essayer de mettre le style CSS inline :

<div style="width: 450px; padding: 10px; background: #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;"> 
	<p>Un bloc arrondi</p> 
</div>
0