Cadre autour d'une image avec des liens

kigela -  
KX Messages postés 19031 Statut Modérateur -
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

3 réponses

  1. kigela
     
    C'est du HTML/CSS Abel.
    0
    1. ^Abel^ Messages postés 15278 Date d'inscription   Statut Contributeur Dernière intervention   6 927
       
      Oups... j'ai mal regardé, excusez-moi ;-)
      0
    2. kigela
       
      Np, merci quand même pour ta réponse
      0
  2. kigela
     
    Bonsoir,
    Toujours d'actualité, merci. ;]
    0
  3. KX Messages postés 19031 Statut Modérateur 3 020
     
    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
    1. kigela
       
      Ne fonctionne pas, j'ai essayé sur FA.. :/
      0
    2. KX Messages postés 19031 Statut Modérateur 3 020
       
      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
    3. kigela
       
      ForumActif ^^
      0
    4. KX Messages postés 19031 Statut Modérateur 3 020
       
      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