Tom's Guide > Forum > Programmation > Eviter le cadre bleu sur le bouton

Eviter le cadre bleu sur le bouton

Forum Programmation : Eviter le cadre bleu sur le bouton

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Bonjour,
quand j'ai fait les boutons un cadre bleu s'est entouré parce qu'il y a un lien bien sur mais je veux bien l'éviter !
la photo montre tous :

http://img518.imageshack.us/img518/9091/cadre.png

ça c'est le code php d'index :

Code :

<!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" />
<style type="text/css">
h1
{
text-align:center;
}
h1
{
background-color:#CC9966;
background-image: url("images/barre.jpg" );
background-repeat: repeat-x;
color:black;
font-size:0.7em;
margin-bottom:0px;
}
h3
{
text-align:center;
}
h3
{
background-color:#CC9966;
background-image: url("images/barre.jpg" );
background-repeat: repeat-x;
float: left
color:Black;
font-size:0.9em;
margin-bottom:0px;
}
body
{
background: white url("images/fond.gif" );
background-repeat: repeat-x;
background-position: center;
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
/* background-image: url("images/dossier.jpg" ); Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
/* L'en-tête */
#en_tete
{
width: 755px;
height: 120px;
background-image: url("images/banniere.png" );
background-repeat: no-repeat;
margin-bottom: 10px;
border: 2px solid black;
}
.news
{
border: 2px solid black;
margin: left;
margin-right: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #B3B3B3;
background-color: ;
background-image: url("images/motif.png" );
background-repeat: repeat-x;
}
/* Le menu */
#menu
{
float: right; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
background-color: ;
background-repeat: repeat-x;
border: 0px solid black;
margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.jpg" ); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: #B3B3B3;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}
</style>
</head>
<body bgcolor="#FFDFDF">
<h1><FONT COLOR="#000000"><strong>
<?php
$date = date("d-m-Y" );
$heure = date("H:i" );
Print("Nous sommes le $date et il est $heure" );
?>
</strong> </FONT></h1>
<div id="en_tete">
<center>
 
<p><strong><a href="index.php"><img src="images/menu/quoi.png" alt="accueil" /></a> <a href="member.php"><img src="images/menu/forum.png" alt="forum" /></a> <a href="archives.php"><img src="images/menu/archive.png" alt="les archives des news" /></a> <a href="contact.php"><img src="images/menu/contact.png" alt="Contactez nous" /></a></strong></p>
</center>
</div>
<div id="menu">
<h3><strong><FONT COLOR="#000000">Menu</FONT></strong></h3>
<ul>
<li><a href="index.php">accueil</a></li>
</ul>
</div>
<center><img src="images/quoi.png" alt="quoi de neuf ?" /></center>
 
<?php
mysql_connect("localhost", "root", "" );
mysql_select_db("coursphp" );
// On récupère les 5 dernières news
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 5');
while ($donnees = mysql_fetch_array($retour))
{
?>
<div class="news">
<h3>
<FONT COLOR="#000000">
<?php echo $donnees['pseudo']; ?>
a écrit :<?php echo $donnees['titre']; ?>
le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?>
</FONT>
</h3>
<FONT COLOR="#000000">
<font color="#FFFFFF">
<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br /> )
$contenu = nl2br(stripslashes($donnees['contenu']));
echo $contenu;
?>
</FONT>
</div>
<?php
} // Fin de la boucle des news
?>
</body>
</html>

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

hey mouad-php ^^
dans ton css tu peux rajouter ça:
a img {
border:0;
}
cordialement,
sleepless2101

------------------------------ ($toBe || !$toBe) = this.theQuestion();
Répondre à sleepless2101

Ou directement dans le code html

Code :

<a href="#"><img src="" border="0" alt="" /></a>

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
Répondre à Allstar27

l'avantage de passer par le css est qu'on n'a pas à la réécrire 50 fois, mais bon, vue ses balises strong et font, on en n'est pas à ça près..

------------------------------ ($toBe || !$toBe) = this.theQuestion();
Répondre à sleepless2101

merci beaucoup ça marche bien la 2éme

Répondre à mouad-php

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Eviter le cadre bleu sur le bouton

Aller à :

Aide |
Règles du forum

Il y a 2054 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,335 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens