Cadre Arrondi CSS [plus clair]

Cadre Arrondi CSS [plus clair] - HTML/CSS - Programmation

Marsh Posté le 10-12-2007 à 01:20:58    

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
Reply

Marsh Posté le 10-12-2007 à 01:20:58   

Reply

Marsh Posté le 10-12-2007 à 13:25:33    

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

Reply

Marsh Posté le 10-12-2007 à 13:29:18    

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.  ;)

Reply

Marsh Posté le 10-12-2007 à 13:36:25    

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.

Reply

Marsh Posté le 10-12-2007 à 17:11:02    

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 !

Reply

Marsh Posté le 10-12-2007 à 17:37:01    

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed