Rechercher : dans
Par :

Bordures arrondis en css

Dernière réponse le 22 fév 2009 à 10:06:45 fafafa91, le 21 fév 2009 à 22:38:37 
 Signaler ce message aux modérateurs

Bonjour,

Je cherche depuis pas mal le temps le moyen de faire des bordures arrondis pour avoir un meilleur visuel

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « Bordures arrondis en css » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. www.topstyle4.com
Les feuilles de style VoirPropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

1

alexou1984, le 21 fév 2009 à 22:46:22

Bonjour,

Je ne pense que cela soit possible en programmation. A mon avis le meilleur moyen c'est de créer un GIF aux bords arrondis avec un fond transparent à l'aide d'un logiciel de photo ou de dessin et ensuite de l'intégrer sur ta page HTML en lui donnant l'attribut "transparent" avec CSS.

Répondre à alexou1984

2

fafafa91, le 21 fév 2009 à 23:43:57

Oulalalala ban sa ma l'air bien compliquer jvais essayer sa jvais bien voir.
En tout cas merci

Répondre à fafafa91

3

alexou1984, le 22 fév 2009 à 07:41:57

Il n'y a rien de compliqué. Moi perso j'utilise Photoshop, oui bon après c'est vrai que Photoshop est un logiciel payant, mais tu as beaucoup d'autres logiciels avec lequels tu peux créer une image GIF transparente avec des bords arrondis. Ensuite tu n'as plus qu'à intégrer ton image dans ta page HTML en lui donnant l'attribut transparent. Ca doit donner ça je crois :

Code à insérer là où tu souhaites mettre ton image :
<img id="le nom que tu veux" src="chemin d'accès/nom de ton image.gif">

Code à insérer dans ton fichier CSS :
.le nom que tu as écris dans "id" {background-color:transparent}

Répondre à alexou1984

4

 alexou1984, le 22 fév 2009 à 10:06:45

Je me suis trompé. Dans le code à insérer dans ton fichier CSS ce n'est pas un "." qu'il faut mettre en début de ligne mais un "#". Parce que "id" = "#" et "class" = ".". Voilà.

Au fait, si tu veux voir ce que l'on peut faire avec un GIF et un peu de CSS va voir mon site :
http://www.hiryuz.com
Regarde les bords de mes éléments graphiques.

Note : pour mon site ce sont des images en format JPG. Juste pour te dire qu'avec un JPG normalement on peut faire moins de choses qu'avec un GIF, alors imagine.

Répondre à alexou1984
Collection CommentÇaMarche.net