Image répété dans CSS
Résolu
Xti Basque
-
puxor Messages postés 367 Statut Membre -
puxor Messages postés 367 Statut Membre -
Bonjour,
J'ai un soucis avec du code css, ne connaiisant pas du tout je vous help! Je souhaiterai faire une sorte de bannière ou dedans il y aura les liens pour aller sur divers rubriques du site. Je souhaiterai mettre toute ces rubriques dans la même bannière CELLE LA, -> http://servicesdurgences.free.fr/sanstitre.jpg
mais malheureusement il ne veux pas et il me fais CA -> http://servicesdurgences.free.fr/rendu%20final.JPG
comment faire pour avoir tout dans la même bannière? Je vous joint la parti de code css qui concerne ce problème.
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
background:url('sanstitre.jpg') no-repeat;
width : 120px; /* largeur */
Merci
Nicolas
J'ai un soucis avec du code css, ne connaiisant pas du tout je vous help! Je souhaiterai faire une sorte de bannière ou dedans il y aura les liens pour aller sur divers rubriques du site. Je souhaiterai mettre toute ces rubriques dans la même bannière CELLE LA, -> http://servicesdurgences.free.fr/sanstitre.jpg
mais malheureusement il ne veux pas et il me fais CA -> http://servicesdurgences.free.fr/rendu%20final.JPG
comment faire pour avoir tout dans la même bannière? Je vous joint la parti de code css qui concerne ce problème.
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
background:url('sanstitre.jpg') no-repeat;
width : 120px; /* largeur */
Merci
Nicolas
A voir également:
- Image répété dans CSS
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image gratuite - Guide
5 réponses
#####HTML##################
<div id="nav">
<table>
<tr>
<td><a href="accueil.html">Accueil</a></td>
<td><a href="membres.html">Membres</a></td>
<td><a href="images.html">Images</a></td>
<td><a href="telechargement.html">T&aecute;l&aecute;chargements</a></td>
<td><a href="plus.html">Plus</a></td>
</tr>
</table>
</div>
#####CSS####################
#nav{
width:1025px;
height:30px;
background:url('ton_fond.jpg') no-repeat;
}
table tr td{
width:20%;
}
table tr td a{
text-decoration:none;
color:#fff;
font-weight:bolder;
}
<div id="nav">
<table>
<tr>
<td><a href="accueil.html">Accueil</a></td>
<td><a href="membres.html">Membres</a></td>
<td><a href="images.html">Images</a></td>
<td><a href="telechargement.html">T&aecute;l&aecute;chargements</a></td>
<td><a href="plus.html">Plus</a></td>
</tr>
</table>
</div>
#####CSS####################
#nav{
width:1025px;
height:30px;
background:url('ton_fond.jpg') no-repeat;
}
table tr td{
width:20%;
}
table tr td a{
text-decoration:none;
color:#fff;
font-weight:bolder;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question