Problème CSS.
Fermé
xChicken
Messages postés
16
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
11 décembre 2012
-
1 déc. 2012 à 10:37
Utilisateur anonyme - 17 déc. 2012 à 16:55
Utilisateur anonyme - 17 déc. 2012 à 16:55
A voir également:
- Problème CSS.
- Css premier plan ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Css download - Télécharger - HTML
- Css retour à la ligne ✓ - Forum CSS
- Saut de lignes sans <br/> ✓ - Forum Webmastering
4 réponses
Stanislas Poisson
Messages postés
423
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
22 mai 2018
66
1 déc. 2012 à 12:05
1 déc. 2012 à 12:05
Je te propose d'utiliser à l'avenir cette excelent outils qu'set JsFiddle https://jsfiddle.net/
Voila le code que tu nous a donner http://jsfiddle.net/LDMMG/ Remet le en forme et test avec run puis quand c'est bon, fais un save et reviens nous voir avec l'url de la page. On pourras alors mieux t'aider.
Voila le code que tu nous a donner http://jsfiddle.net/LDMMG/ Remet le en forme et test avec run puis quand c'est bon, fais un save et reviens nous voir avec l'url de la page. On pourras alors mieux t'aider.
Stanislas Poisson
Messages postés
423
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
22 mai 2018
66
1 déc. 2012 à 15:42
1 déc. 2012 à 15:42
Bon. Deja evite d'utiliser des balise qui ne font pas partis des standers du style ton align que tu a placer.
ensuite, tu vas faire une div qui contient les deux liens:
<div id="etiquettes">
<a href="" class="eti1">...</a>
<a href="" class="eti2">...</a>
</div>
pour ta regles css:
#etiquettes{
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#etiquettes a.eti1{
display: inline-block;
width: 100px;
height: 75px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
background-color: red;
font-family: 'Sketch';
color: black;
}
#etiquettes a.eti2{
display: inline-block;
width: 100px;
height: 75px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
background-color: blue;
font-family: 'Sketch';
color: black;
}
voila, ca devrait aller mieux comme ca.
ensuite, tu vas faire une div qui contient les deux liens:
<div id="etiquettes">
<a href="" class="eti1">...</a>
<a href="" class="eti2">...</a>
</div>
pour ta regles css:
#etiquettes{
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#etiquettes a.eti1{
display: inline-block;
width: 100px;
height: 75px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
background-color: red;
font-family: 'Sketch';
color: black;
}
#etiquettes a.eti2{
display: inline-block;
width: 100px;
height: 75px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
background-color: blue;
font-family: 'Sketch';
color: black;
}
voila, ca devrait aller mieux comme ca.
xChicken
Messages postés
16
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
11 décembre 2012
1 déc. 2012 à 17:00
1 déc. 2012 à 17:00
Ok je test merci.
xChicken
Messages postés
16
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
11 décembre 2012
1 déc. 2012 à 17:18
1 déc. 2012 à 17:18
Ca marche, sauf que le logo ne marche plus trop..
Je me demande pourquoi.. ;-)
Je me demande pourquoi.. ;-)
Stanislas Poisson
Messages postés
423
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
22 mai 2018
66
1 déc. 2012 à 17:53
1 déc. 2012 à 17:53
ton logo se place sous la div, et deviens innaccessible. le mieux c'est que tu est tout les un a cote des autres.
xChicken
Messages postés
16
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
11 décembre 2012
1 déc. 2012 à 17:59
1 déc. 2012 à 17:59
C'est à dire ?
xChicken
Messages postés
16
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
11 décembre 2012
1 déc. 2012 à 18:48
1 déc. 2012 à 18:48
T'es plus là ?
Stanislas Poisson
Messages postés
423
Date d'inscription
samedi 1 décembre 2012
Statut
Membre
Dernière intervention
22 mai 2018
66
17 déc. 2012 à 09:55
17 déc. 2012 à 09:55
Je t'est donner des règles a suivre dont tu n'as absolument pas tenu compte,... temps que tu ne suivera pas les regles de bases, ça ne fonctionnera pas.
Utilisateur anonyme
17 déc. 2012 à 16:55
17 déc. 2012 à 16:55
Bonsoir il faut les fixer avec position absolute
tu fixe ta page en position relative et tes boutons en absolute et le problème est réglé
pourquoi car absolute fait des problème d'affichage lorsque l'on zoom ou change d'écran mais absolute dans un bloc en relative est sans problèmes
tu fixe ta page en position relative et tes boutons en absolute et le problème est réglé
pourquoi car absolute fait des problème d'affichage lorsque l'on zoom ou change d'écran mais absolute dans un bloc en relative est sans problèmes
1 déc. 2012 à 12:19
Mais qu'entends tu avec " Remet le en forme " ?
Le problème est presque le même sur la page que tu as donnée (http://jsfiddle.net/LDMMG/ ), sauf que moi j'ai les deux étiquettes à la même hauteur et quand je passe sur la rouge la bleu descend.
Ce que j'aimerais savoir c'est pourquoi ça fait cela, et comment l'éviter ?
Cordialement,
xChicken
1 déc. 2012 à 12:23
Voici le lien : http://jsfiddle.net/VJu5t/
Mais tu vois, quand on passe sur la rouge la bleu descend, j'aimerais savoir pourquoi.
Cordialement,
xChicken.
1 déc. 2012 à 12:27
1 déc. 2012 à 12:28
1 déc. 2012 à 13:42
Cordialement,
xChicken