Eviter un cadre sur le bouton
mouadj
Messages postés
43
Statut
Membre
-
a44icus Messages postés 24 Statut Membre -
a44icus Messages postés 24 Statut Membre -
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 :
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 :
<!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>
A voir également:
- Eviter un cadre sur le bouton
- Comment faire un cadre sur word - Guide
- Éviter pub youtube - Accueil - Streaming
- Diagnostic bouton photo - Accueil - Outils
- Comment faire une capture d'écran sur un samsung sans bouton ? - Guide
- Bouton on/off comment savoir - Forum Word
