De jvasse - le 28-03-2008 comment mettre les boutons en suite à l'horizontale...
ils apparaissent actuellement les uns au dessus des autres
qui peut m'aider ? | De artiste_tonio - le 19-05-2008 Voici un exmple en réponse au commentaire précédant:
______________________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<HTML>
<HEAD>
<STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 200px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</STYLE>
</HEAD>
<BODY>
<div class="link">
<A class="bouton" href="http://www.editeurjavascript.com/">Editeur Javascript</A>
<A class="bouton" href="http://www.editeurjavascript.com/">Editeur Javascript</A>
<A class="bouton" href="http://www.editeurjavascript.com/">Editeur Javascript</A>
</div>
</BODY>
</HTML>
Cordialement,
Artiste_Tonio
| De OPING - le 13-02-2010 Bonjour
Etant un pur néophyte et m'occupant d'un site pour une petite association, je tente de faire aux mieux.
Ce script est super bien et il marche sans aucun problème mais je voudrais que lorsque l'on clique sur le bouton le lien s'ouvre dans une nouvelle fenêtre.
Il y aurait il un pro ou passionné qui saurait quelle modification apportée au Script
Merci D'avance | De eliastik - le 18-05-2011 Réponse au commentaire précédent :
Il suffit de mettre ça à la place de l'ancien code :
___
Dans le <head></head> :
___
<style type="text/css">
a.bouton
{
width:200px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#B9B9B9;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #868686 solid;
border-right:3px #868686 solid;
}
a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
</style>
___
Dans le <bdoy></body>
___
<a href="http://www.editeurjavascript.com" class="bouton" target="_blank">Editeur Javascript</a>
<a href="http://www.vacanceo.com" class="bouton" target="_blank">Vacanceo</a>
<a href="http://www.webmastravel.net" class="bouton" target="_blank">Webmastravel</a><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
|