Bonjour, je dois réaliser un cercle en CSS pour une maquette mais je ne sais pas comment m'y prendre.

Je dois réaliser un cercle un peu comme celui-ci mais en beaucoup plus petit !!

Merci à vous =)

Utilise un border-radius, comme ceci

border-radius: 50%;

-
Edité par Auditek 8 novembre 2014 à 15:00:48

D'accord mais au fait je souhaite que les bords du rond enfin je veux qu'au milieu de mon cercle on voit mon image de fond car sur ma maquette c'est censé représenté un déroulement de photos comme on peut voir sur certain site.

tu peux mettre un screen de ce que tu veux s'il te plait

Slt,

Voici un lien qui peut te donner des idées pour créer des <div> de différentes formes en css.

-> http://css-tricks.com/examples/ShapesOfCSS/

ensuite essais d'ajouter un background-image à ton conteneur <div>

Je t'ai fais un exemple ->  http://cssdeck.com/labs/6fsqvofx

-
Edité par Lucky13 8 novembre 2014 à 16:03:32

Je dois reproduire les petits cercles comme sous l'image ci dessous:

Je n'ai toujours pas réussi à mettre les cercles en petites opacité (j'ai reussi cependant à faire le cercle blanc)

Merci par avance

hello c est des cercle de slideshow non ?

Utilise un border, et pas de background.

slt, 

ceci forme des cercles de plusieurs types : 

div {
	position: relative;
	display: inline-block;
	height: 100px;
	width: 100px;
	border-radius: 100%;
	border: 2px solid black;
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
}

div p {
	position: relative;
	margin-top: 40px;
	font-size: 12px;
}

.friend {
	border: 2px dashed green;
}

.family {
	border: 2px dashed blue;
}

.enemy {
	border: 2px dashed red;
}

#best_friend {
	border: 4px solid #00C957;
}

#archnemesis {
	border: 4px solid #cc0000;
}

Tanguy: Oui exactement

Rheo: c'est ce que j'ai fais

Probleme résolu. Merci à vous tous

super bonne continuation

border-radius: 50%;

lauregraimont a écrit:

Probleme résolu. Merci à vous tous

Edite le sujet comme resolu. Des gens peuvent avoir le meme probleme que toi et faire des recherches, ce sujet les aidera alors.

Merci

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.
Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Déterrage

Citation des règles générales du forum :

Avant de poster, demandez-vous si ce que vous allez dire apporte quelque chose au sujet. Si votre message n'apporte rien, vous ferez perdre du temps à tout le monde et le sujet pourrait dévier ou devenir difficile à suivre.

Aussi, vérifiez la date du topic. Le déterrage de topic nuit au bon fonctionnement du forum et est interdit. Utilisez les boutons pour dire merci. Si le topic date de plus de deux mois sans réponses, mieux vaut ne pas répondre. Si vous avez une question similaire, créez plutôt votre propre sujet en détaillant votre contexte

Je ferme ce sujet. Me contacter par MP si besoin.