CSS Faire un Border invisible ET solide ?
Résolu/Fermé
A voir également:
- Border invisible css
- Clé usb invisible - Guide
- Dossier invisible - Guide
- Trait css ✓ - Forum CSS
- Caractere invisible - Windows 11
- Bug snap message invisible ✓ - Forum Snapchat
5 réponses
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
31 mai 2008 à 14:25
31 mai 2008 à 14:25
Bjr
Certe IE n'est pas la Rolls mais il gère quand même le padding et le border en CSS
Tu dois te tromper quelque part
Que veux-tu faire exactement ? Poste ton code pour qu'on se rende compte
A la place de la bordure utilise plutôt les marges qui elles sont toujours transparentes
Certe IE n'est pas la Rolls mais il gère quand même le padding et le border en CSS
Tu dois te tromper quelque part
Que veux-tu faire exactement ? Poste ton code pour qu'on se rende compte
A la place de la bordure utilise plutôt les marges qui elles sont toujours transparentes
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
31 mai 2008 à 20:39
31 mai 2008 à 20:39
J'aimerais bien voir un ex de la façon différente de fonctionner du padding ... quand même T'Oh !
Sur IE tu utilises bien un DOCTYPE dans l'entête de ta page HTML pour forcer IE à commuter en mode standard ?
Sur IE tu utilises bien un DOCTYPE dans l'entête de ta page HTML pour forcer IE à commuter en mode standard ?
J'utilise le code suivant au début de la page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
j'ai remarqué qu'il y avait un peu de différence avant et après l'ajout de cette ligne, mais pas au niveau du padding.
Et donc pour la manière de remplacer le padding,
padding-right: 50px;
est devenu
border-right: 50px solid transparent;
Ca donne la même chose à la fois sur Firefox et IE, alors que le padding donne des résultats différents.
Si tu veux voir par toi-même, voici l'adresse ou j'ai mis en application :
http://www.jfkfilm.fr/testautres
Attention, c'est une adresse que j'utilise pour les tests et le site n'est pas encore dynamique ; je n'en suis qu'à la forme... Une fois que le site sera terminé, l'adresse ne sera plus valide ;)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
j'ai remarqué qu'il y avait un peu de différence avant et après l'ajout de cette ligne, mais pas au niveau du padding.
Et donc pour la manière de remplacer le padding,
padding-right: 50px;
est devenu
border-right: 50px solid transparent;
Ca donne la même chose à la fois sur Firefox et IE, alors que le padding donne des résultats différents.
Si tu veux voir par toi-même, voici l'adresse ou j'ai mis en application :
http://www.jfkfilm.fr/testautres
Attention, c'est une adresse que j'utilise pour les tests et le site n'est pas encore dynamique ; je n'en suis qu'à la forme... Une fois que le site sera terminé, l'adresse ne sera plus valide ;)
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
1 juin 2008 à 23:33
1 juin 2008 à 23:33
bsr
Sur IE 6 ta page de test est horrible : de gros rectangles verts apparaissent à droite et la TV totalement décalé vers le bas (en plus IE 6 ne gère pas la couche Alpha dans les png)
Je sais pas si c'est en rapport avec le padding mais c'est pour le moins bizarre ...
Sur IE 6 ta page de test est horrible : de gros rectangles verts apparaissent à droite et la TV totalement décalé vers le bas (en plus IE 6 ne gère pas la couche Alpha dans les png)
Je sais pas si c'est en rapport avec le padding mais c'est pour le moins bizarre ...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
31 mai 2008 à 20:16
Mais j'ai réussi à trouver la solution.
Dans le css, j'ai utilisé deux instructions :
border-right: 50px solid;
border-color: transparent;
Ce qui me donne l'équivalent du padding-right et qui fonctionne parfaitement sous les deux navigateurs.
C'est en quelque sorte du bricolage, mais j'ai vérifié et il passe au validateur.
merci quand même de m'avoir aidé, PhP !