You are not allowed to do this.
Onglets de mon menu arrondie
Dernière réponse : dans Programmation
Bonjour à tous
Voilà tous est dans le titre. Je voudrais savoir comment faire pour que les angles de mes onglets de mon menu sois arrondi un peut comme ce site: http://www.infos-du-net.com/forum/Programmation/nouveau... les boutons "rédigé un tuto" et "rédigé une new" sont arrondi je voudrais que mes onglets soit un peut comme sa mais je ne sais pas comment faire merci d'avance.
Voilà tous est dans le titre. Je voudrais savoir comment faire pour que les angles de mes onglets de mon menu sois arrondi un peut comme ce site: http://www.infos-du-net.com/forum/Programmation/nouveau... les boutons "rédigé un tuto" et "rédigé une new" sont arrondi je voudrais que mes onglets soit un peut comme sa mais je ne sais pas comment faire merci d'avance.
Autres pages sur : onglets menu arrondie
Lassé par la pub ? Créez un compte
Pour moz-border-raduis, tu dois créer une div par exemple...
Ensuite dans le css:
Tu auras donc un rectangle arrondi sur fond noir avec une bordure rouge.
Oui tu peux les faires sur paintshop...
Ensuite dans le css:
Tu auras donc un rectangle arrondi sur fond noir avec une bordure rouge.
Oui tu peux les faires sur paintshop...
Cette solution est compatible qu'avec les navigateur utilisant le moteur de rendu Gecko à savoir Firefox, Flock, SeaMonkey ...
Il y a aussi -webkit-border-radius pour les navigateurs basé sur Webkit, à savoir Safari, Chrome ...
Dans l'exemple que tu donnes, ils utilises une images en background![]()
En fait il existe des tonnes de solution sur le net mais généralement si tu veux qqchose de compatible avec tous les navigateurs alors tu devras utiliser des images.
Il y a aussi -webkit-border-radius pour les navigateurs basé sur Webkit, à savoir Safari, Chrome ...
Dans l'exemple que tu donnes, ils utilises une images en background
En fait il existe des tonnes de solution sur le net mais généralement si tu veux qqchose de compatible avec tous les navigateurs alors tu devras utiliser des images.
Bonsoir à tous
Je sais je ressort un peut ce vieux topic mais je n'ai pas pu essayé la solution proposé de suite mais voila je vient d'essayer le code de Alstar27 mais sa ne marche pas bien, c'est un carré avec fond noir et bordure rouge qui n'ait pas arrondie qui s'affiche, je ne sais pas pourquoi voici le code:
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="rectangle_arrondi">le texte</div>
</body>
</html>
CSS:
#rectangle_arrondi {
width: 100px;
height: 100px;
background: #000000;
border: 1px solid red;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
Je précise que j'ai essayer avec, et sans les tirets mais on dirré qu'il ne reconnait pas les moz-border-raduis, et je rajoute que j'ai lancé mon fichier avec mozilla. voila pourquoi sa ne fonctionne pas ? merci d'avance.
PS: comment faire une image d'un onglet arrondie avec paintshop ? merci d'avance
Je sais je ressort un peut ce vieux topic mais je n'ai pas pu essayé la solution proposé de suite mais voila je vient d'essayer le code de Alstar27 mais sa ne marche pas bien, c'est un carré avec fond noir et bordure rouge qui n'ait pas arrondie qui s'affiche, je ne sais pas pourquoi voici le code:
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="rectangle_arrondi">le texte</div>
</body>
</html>
CSS:
#rectangle_arrondi {
width: 100px;
height: 100px;
background: #000000;
border: 1px solid red;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
}
Je précise que j'ai essayer avec, et sans les tirets mais on dirré qu'il ne reconnait pas les moz-border-raduis, et je rajoute que j'ai lancé mon fichier avec mozilla. voila pourquoi sa ne fonctionne pas ? merci d'avance.
PS: comment faire une image d'un onglet arrondie avec paintshop ? merci d'avance
Oui utilise des images de fond pour faire tes arrondis, si tu ve que ca passe sur tout les nav en tout cas.
ex de css (si tu connais la largeur de tes onglets) :
.rectangle_arrondi {
background:url(options.gif) 0 0 no-repeat;
width:108px;
height:30px;
text-align:center;
}
et le html :
<div class="rectangle_arrondi">le texte</div>
Les border-radius c'est du css3, encore tres peut compris par les nav.
ex de css (si tu connais la largeur de tes onglets) :
.rectangle_arrondi {
background:url(options.gif) 0 0 no-repeat;
width:108px;
height:30px;
text-align:center;
}
et le html :
<div class="rectangle_arrondi">le texte</div>
Les border-radius c'est du css3, encore tres peut compris par les nav.
Lassé par la pub ? Créez un compte
