Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

[résolu]Problème d'alignement HTML

Invité Diana

Par Invité Diana
dans Programmation

 Partager

Messages recommandés

KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
étonnant de constater que la balise <p> semble étanche aux attributs de la balise <a> qui l'encapsule
Euh...

Balise a : inline

Balise p : block

Y'a pas un truc choquant ?

Quant au style du <p>, je parie qu'il est cohérent avec la déclaration color: red; qui lui correspond ;-)

je n'explique pas : les liens actifs dans <p> devraient être soulignés
Ils répercutent le style style="text-decoration:none;" qui est donné dans la balise....

 

Vu que tout semble "dans le flot" à l'intérieur des divs de classe "bloc", tu peux virer le <p> et tu verras, tout rentrera dans l'ordre !

Lien vers le commentaire
Partager sur d’autres sites

Invité Diana

Invité Diana

Posté(e)
Posté(e)
Euh...

Balise a : inline

Balise p : block

Y'a pas un truc choquant ?

Quant au style du <p>, je parie qu'il est cohérent avec la déclaration color: red; qui lui correspond :P

Ils répercutent le style style="text-decoration:none;" qui est donné dans la balise....

 

Vu que tout semble "dans le flot" à l'intérieur des divs de classe "bloc", tu peux virer le <p> et tu verras, tout rentrera dans l'ordre !

 

Bonsoir,

 

voilà oui

 

a:hover p{color:green;}

 

c'est mieux comme ça.

 

Et le p je peux pas l'enlevé, il a des attributs pour le texte !

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)

Alors c'est que tu as mal conçu tes blocs ;-)

 

Tu n'aime pas les balises <span> ?

 

<body>
 <p class="Bloc">
<a href="wamp1/wamp1.html" style="text-decoration:none;" onclick="window.open(this.href); return false;">
  <img src="ordi.gif" alt=""><br />
  <span>Wamp</span></a>
 </p>
 <p class="Bloc">
<a href="thunderbird/thunderbird.html" style="text-decoration:none;" onclick="window.open(this.href); return false;">
  <img src="ordi.gif" alt="">
  <span>Client Mail</span></a>
 </p>
</body>

Lien vers le commentaire
Partager sur d’autres sites
Invité Diana

Invité Diana

Posté(e)
Posté(e) 

span{margin:0px;color:red;font-weight:bold;}
  a{font-weight:bold;color:purple;}
  a:hover span{color:green;}

 

<span>Wamp</span>
...

 

ça marche aussi. Mais j'ai remarqué que le span ne fonctionne pas avec des marges !

 

donc j'utilise p pour pallier le problème.

Lien vers le commentaire
Partager sur d’autres sites
  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)
je n'explique pas : les liens actifs dans <p> devraient être soulignés
Ils répercutent le style style="text-decoration:none;" qui est donné dans la balise....

Argh... quel manque d'observation de ma part ! En présence d'une feuille de style dans le <head>, je n'imaginais pas qu'il puisse y avoir du style="..." dans le <body>

 

La séparation du contenu et de la mise en forme, Diana, la séparation !

Lien vers le commentaire
Partager sur d’autres sites
KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
le span ne fonctionne pas avec des marges !
Normal puisque les marges sont des attributs qui ne sont appliqués qu'aux blocs ;-)

 

Au passage, pouquoi tu mets le span en color:red; (au lieu de "inherit", ou de rien du tout) si le but de la chose c'est d'avoir le style (et donc la couleur) du <a> qui s'applique sur tes textes ?

Lien vers le commentaire
Partager sur d’autres sites
Invité Diana

Invité Diana

Posté(e)
Posté(e)
Ils répercutent le style style="text-decoration:none;" qui est donné dans la balise....

Argh... quel manque d'observation de ma part ! En présence d'une feuille de style dans le <head>, je n'imaginais pas qu'il puisse y avoir du style="..." dans le <body>

 

La séparation du contenu et de la mise en forme, Diana, la séparation !

 

Ben oui mais bon :P Un coup je l'utilise en css un coup dans le body suivant le cas approprié. Je commence déjà a supprimer les balise b c u du code alors que j'usqu'ici je n'arrivais pas bien à les utiliser en CSS.

 

Comme on dit: petit à petit l'oiseau fait son nid ! :P Et le pire, c'est que dans tout ce que je fais, je retiens rien. Un coup faut faire comme ça, un coup comme ça, c'est farfelue la programmation web. Alors j'essaie de faire a ma façon et corriger si besoin.

Je m'applique dans pas mal de chose, la syntaxe surtout le reste viendra. J'en suis qua ma 2ème création ! Et moi je suis comme ça, au fur et a mesure que j'avance, je m'améliore :P

Lien vers le commentaire
Partager sur d’autres sites
Invité Diana

Invité Diana

Posté(e)
Posté(e)
Normal puisque les marges sont des attributs qui ne sont appliqués qu'aux blocs :P

 

Au passage, pouquoi tu mets le span en color:red; (au lieu de "inherit", ou de rien du tout) si le but de la chose c'est d'avoir le style (et donc la couleur) du <a> qui s'applique sur tes textes ?

 

Ha! oui. C'est une erreur de ma part, javais pas vu :P J'ai supprimé la couleur de <a>. voilà :P

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...