La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  CSS > cadre autour d'un lien
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: CSS > cadre autour d'un lien  (Lu 737 fois)
CSS > cadre autour d'un lien
« sur: le 15-09-2006 a 04:10:43 »
franky26
Membre récent
*

Hors-Ligne

Messages: 8



Je suis un lama!

Voir le Profil
Répondre avec citation

Bonjour,

J'essaie de créer un menu avec des liens. Chaque lien est entouré d'un cadre.

Voici mon code CSS:
Code:

a.bordure { border: 1px solid; border-color: silver; margin-left: 7px; padding: 4px; width: 400px; }


Comme vous pouvez le constater, je veux que le cadre entourant chacun des liens ait une largeur de 400 pixels.

Mon problème est que cette largeur n'est pas respectée... Mes cadres ont tous des longueurs différentes, adaptées à la longueur du texte du lien...

Auriez-vous une solution?

Merci

Rapporter au modérateur  

Re:CSS > cadre autour d'un lien
« Répondre #1 sur: le 15-09-2006 a 15:03:42 »
OKKO
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 645



Gueulard Deluxe - Disponible à 25% -

Voir le Profil    WWW
Répondre avec citation

oui c'est normal

il faut pourvoir formater ton <a> pour pouvoir lui donner une dimension.

la balise <a> est une balise de type "en ligne" donc il faut la transformer comme ceci:

a.bordure /* le nom de ta class
display:block; / la on va lui permettre de lui donner un dim
width: 400px;
height: auto; /* ou une dim en pixel
et le reste de ton code

par contre est-ce que tes liens sont horizontaux ou verticaux


@+

Rapporter au modérateur  

" Le raffinement est chose froide "
Re:CSS > cadre autour d'un lien
« Répondre #2 sur: le 16-09-2006 a 03:26:07 »
franky26
Membre récent
*

Hors-Ligne

Messages: 8



Je suis un lama!

Voir le Profil
Répondre avec citation

Mes liens sont un en dessous de l'autre.

Merci pour la solution!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg