[spip-dev] Jeux de transparence remplacent animations de pavés

Non, je parle bien de définitions à la con dans la norme, ou
de manques
graves de la norme.

Voilà mon problème: il me semble impossible d'utiliser vertical-align
simplement dans un div. Je viens de me cogner plusieurs
heures de forums,
c'est dingue ce que les types qui aiment les CSS aiment aussi
la branlette.

Merci pour eux :wink:

C'est pourtant simple et c'est pas de la CSS :

Un élément A est inline, il ne peut pas contenir d'élément de type block, or DIV comme TABLE sont des éléments de type block.

Donc, ma question est simple: comment je fais? Est-ce que
c'est posssible?
Ou bien est-ce que j'ai bien compris ce que suggère une
remarque subtile
planquée dans spip-style.php3 - et que j'ai croisé dans des
dizaines de
forums peuplés d'incapables amateurs de CSS à positionnement
absolu: les
débiles du W3C n'ont même pas prévu un truc aussi simple que
l'alignement
vertical de texte dans des boîtes?

Voilà. Bravo. Enfin plutôt, si, ils l'ont prévu, mais ce n'est pas encore implémenté correctement dans les navigateurs.

Moi aussi le manque de sommeil me rend grognon, des fois. :slight_smile:

et si l'on rend cet élement A de type block, via 'display: block' ?
Est-ce que ca ferait pas ce qu'on veut ?

De : Julien WAJSBERG

> Un élément A est inline, il ne peut pas contenir d'élément
de type block, or DIV comme TABLE sont des éléments de type block.

et si l'on rend cet élement A de type block, via 'display: block' ?
Est-ce que ca ferait pas ce qu'on veut ?

Changer le display d'un élément ne règle pas le problème structurel de base, enfin je crois.

J'ai transmis à Arno* un zip avec un début de solution (je ne veux pas encombrer la liste avec des PJ).

Dispo par mail à ceux qui le veulent (envoyez-moi un mail sans passer par la liste pour pas surcharger)

Ca bugge totalement sous Galeon : les images n'apparaissent que quand on
les survole.
Sur la capture suivante, la souris survolait le bouton "auteur".

a+

Antoine.

bug-boutons.png

Bon, ben retour en arrière:

- suppression des effets de transparence (putain, ça fait des années que j'attends de pouvoir faire de la transparence en HTML, le PNG24 ça va pas, maintenant c'est les CSS qui sont implémentées par des débiles!);

- tout de même effet de relief sous MSIE, c'est mignon.

- dans les raccourcis, je me suis bien fait chier, mais ça semble fonctionner. Antoine, si t'arrives à faire un truc plus propre, be my guest, hein, moi je jette l'éponge...

- note: dans les raccourcis, les liens sont doublés (un <a href> avant le tableau, et des <a href> à l'intérieur); du coup, risque de "double appel"? (genre créer 2 rubriques au lieu d'une?) A vérifier.

- on n'a pas le droit de faire des <div> à l'intérieur des <a href>? Putain, flinguez-moi tout de suite!

ARNO*
Furax de chez furax. Putain, je fais finir par passer toute l'interface de SPIP en Flash... :-))

Ho oiu !
Et un logo d'écureuil en habits de flash gordon :slight_smile:

À+, Pif.

voici une solution directement inspirée du site
http://www.alsacreations.com/articles/centrer/

On peut utiliser ça en attendant mieux...

<style>
#conteneur {
    position:relative;
    height:80px;
    text-align:center;
    border: 1px solid black;
}

#textecentre {
    position:absolute;
    top:50%;
    margin-top:-0.5em;
    border: 1px solid red;
}
</style>

et dans le body :

<div id="conteneur">
<div id="textecentre">Hello</div>
</div>

L'inconvénient reste que la valeur du margin-top dans #textecentre dépend du
nombre de lignes du bloc textecentre. Si le texte s'étale sur une ligne,
margin-top vaut -0.5em. Si le texte s'étale sur 2 lignes, margin-top
vaut -1em, etc.

Pour des explications détaillées, voir le site mentionné ci-dessus.

Christian

(...)

je viens de regarder dans tous les sens, dans la CSS et HTML, et je ne parviens pas à trouver, comment tu mets un cadre arrondit sur les boutons
c'est une image, du CSS, HTML, ...

jusque là j'utilisais :
  -moz-border-radius: 10px;
pour arrondir les bords d'un cadre, mais ce n'est que pour mozilla, et le tiens marche pour IE

merci a+

Pour pouvoir mettre un "div", qui est un bloc,dans un "a" qui, par défaut,
est en ligne, il suffit de de qualifier le "a" comme étant un bloc :
a {display:block;}

Maurice Frankel

Pour pouvoir mettre un "div", qui est un bloc,dans un "a"
qui, par défaut,
est en ligne, il suffit de de qualifier le "a" comme étant un bloc :
a {display:block;}

Maurice,

Non, je le redis : Un élément de type block ne peut pas être contenu dans un élément de type inline. Changer ses attributs d'affichage dans une CSS ne change pas ses attributs intrinsèques. Donc ça ne changerait pas le comportement des navigateurs...

Je travaille à une solution que j'ai soumise off-list à Arno*, dispo sur demande par mail perso.

jusque là j'utilisais :
  -moz-border-radius: 10px;

Wah ! c'est cool ça !

pour arrondir les bords d'un cadre, mais ce n'est que pour mozilla, et
le tiens marche pour IE

Ça m'intéresse aussi :wink:

À+, Pif.

> pour arrondir les bords d'un cadre, mais ce n'est que pour mozilla, et
> le tiens marche pour IE
Ça m'intéresse aussi :wink:

C'est une bête image. Quoi de plus simple ?

Bonjour,

Autant pour moi.

Il est logique que la DTD prime sur la feuille de style.

Mais j'avais vu des exemples dont le résultat était correct de bloc "div"
intégré dans un bloc "a" qualifié par "display:block". Mais je pense que le
résultat aurait été le même avec "span".

Je suis intéressé par la solution.

Maurice