Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2832 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Cadre Arrondi CSS [plus clair]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Cadre Arrondi CSS [plus clair]

n°1655578
popovitch
Posté le 10-12-2007 à 01:20:58  profilanswer
 

SAlut les p'tits clous !
 
Papy a encore trouvé de quoi raller ce week-end ...
J'ai essayé de créer un beau bouton aux formes arondis en CSS.
Je me suis inspiré de cette méthode :
 
Chapitre14 - Cadre de largeur fixe - éditions eyrolles :  

Code :
  1. http://www.alsacreations.com/livre [...] exquatorze


 
Dans ce chapitre, on crée un cadre arondi avec une <div>. Dans ce cadre, on peut y mettre du texte, comme toute balise <div>... on aimerai faire un cadre réutilisable et qui s'adapte à la longueur du texte contenu par la balise <div> grâce au style CSS associé ... l'idée est séduisante !
 
En bref, soit j'ai pas compris l'objectif réel, soit c'est un exemple qui ne va que pour des backgrounds unis, genre les sites web des 80's  :lol:  
 
Mais lorsque j'essaye d'appliquer le code à un bouton transparent par exemple,
le rendu n'est pas à la hauteur de mes espérances(la scission entre les 2 images est marquée d'une ligne de démarquation peu esthétique). J'en déduis donc :
               - c'est un bête cas d'école qui sert à faire un cadre des plus simple sur un fond uni
               - ou alors, il a un truc que j'ai pas compris  
P.S. : perso je trouve que pour un bouquin à + de 40 €, ils pourraient détailler un tout petit peu plus. De plus l'auteur est super joingnable, je vous laisse juger la page de contact :

Code :
  1. http://www.alsacreations.com/404.html


Merci les mecs !  :pt1cable:


Message édité par popovitch le 10-12-2007 à 12:24:18
mood
Publicité
Posté le 10-12-2007 à 01:20:58  profilanswer
 

n°1655798
popovitch
Posté le 10-12-2007 à 13:25:33  profilanswer
 

allez faites pas les timides, je sais qu'il y a parmi vous des spécialistes des CSS

n°1655800
Flyman30
Posté le 10-12-2007 à 13:29:18  profilanswer
 

popovitch a écrit :

allez faites pas les timides, je sais qu'il y a parmi vous des spécialistes des CSS


 
 
Demande là : http://forum.alsacreations.com  c'est quand même pas dur à trouver hein ? De plus l'auteur te fera le sav.  ;)

n°1655805
olivthill
Posté le 10-12-2007 à 13:36:25  profilanswer
 

Peut-être que la ligne de démarcation serait due à une marge ou un padding, que l'on pourrait annuler par:

margin:0;
padding:0;


Sinon, pour infos, il existe un article plus complet sur le sujet, mais il est en anglais
http://www.456bereastreet.com/arch [...] d_borders/
 
Autrement, sur de nombreux sites web, les boutons arrondis sont fait avec une seule image, ce qui est plus simple que de constituer un bouton comme un puzzle à partir de plusieurs images. L'inconvénient de n'avoir qu'une seule image est qu'il en faut une pour chaque bouton, mais ce n'est pas forcément très long à faire avec un peu d'habitude d'un logiciel de dessin.

n°1656033
popovitch
Posté le 10-12-2007 à 17:11:02  profilanswer
 

MErci flyman, c'est pas bête ton idée Lol (je ris de moi heing)
Olivhill, j'ai abandonné, je me suis fait un bouton tout fait via toshop mais il est clair que si cette technique marche c'est hyper interressant pour les cadres : tu te fait un cadre super bo avec toto et zou la taille s'adapte en auto ça serait super ;) je vous tiens au courant ... merci les gars !

n°1656050
xtof_83
Freeride Spirit
Posté le 10-12-2007 à 17:37:01  profilanswer
 

Cette technique marche, c'est juste que tu as un peu du mal.
 
Enfin garde toujours le site alsa sous la main, c'est qd même pas mal...pour les personnes débutantes et même plus avancées.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Cadre Arrondi CSS [plus clair]

 

Sujets relatifs
[HTML/CSS] Spoilerprobleme background color en CSS sur Firefox
[Résolu][Html/CSS]"a:active" ne marche qu'à l'instant du clic..[HTML/CSS] Besoin d'avis
Css Friendly adapter (WebControlAdapter)Problème menu blockmenu en CSS sous IE6. A l'aide
[CSS ] mon background-attachment fonctionne uniquement sur IE[HTML/CSS] Une div en L
pb redirection selon une condition[resolu]images non alignées CSS
Plus de sujets relatifs à : Cadre Arrondi CSS [plus clair]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR