Discussion :

[ethan007]

Bonjour,
J'aimerai placer une icône materialize avec tu texte juste en dessous. Voici le code
XHTML:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<div class="card-panel blue red-text text-lighten-4" style="margin: 0px !important; padding: ">
            <div class="right-align next-night-padd">
                <img align="left" src="resources/img/logo.png" style="height: 50px; width: 100px;" alt="logo"/>
                <span>
                <i class="material-icons md-48 md-light">&#xe88a;</i>
                <h:outputLabel title="Accueil" value="Accueil" style="font-size: 1.5em; vertical-align: sub; position: relative; color: black !important;"/>
                </span>
                <span>
                <i class="material-icons md-48 md-light">&#xe853;</i>
                <h:outputLabel class="horizontal" title="Ma session" value="Ma session" style="font-size: 1.5em; vertical-align: sub; color: black !important;"/>
                </span>
                <i class="material-icons md-48 md-light">&#xe8b8;</i>
                <i class="material-icons md-48 md-light">&#xe7f4;</i>
                <i class="material-icons md-48 md-light">&#xe53a;</i>
                <i class="material-icons md-48 md-light">&#xe01d;</i>
                <i class="material-icons md-48 md-light">&#xe887;</i>
                <i class="material-icons md-48 md-light">&#xe8ad;</i>
            </div>
        </div>

Mais ça me donne ceci

J'aimerai que ce soit sous l'icône et au centre.
Merci d'avance.

[bonjourajax]

Bonjour

Ceci est du xhtml v10?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:outputLabel title="Accueil" value="Accueil" style="font-size: 1.5em; vertical-align: sub; position: relative; color: black !important;"/>

(j'en connais un a qui ca va lui rappeler des souvenirs )

essayez de poster ici

[ethan007]

Bonjour merci pour ta réponse rapide. Je suis sur un projet JEE mais mon problème concerne le CSS c'est pourquoi j'ai posé ma question ici.

PS:Je sais aussi qu'il est recommandé d'utiliser une feuille de style externe.
Cordialement

[bonjourajax]

D'acc
Je ne vois pas votre css

[ethan007]

En fait le css c'est le materialize.min.css natif de Google donc j'ai jugé inutile d'envoyer ce fichier dans mon post. J'ai juste rajouté du style dans mon outputLabel comme vous pouvez le voir dans mon post initial.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 <h:outputLabel title="Accueil" value="Accueil" style="font-size: 1.5em; vertical-align: sub; position: relative; color: black !important;"/>

[Invité]

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
                <span style="display:inline-block;text-align:center;">
                <i class="material-icons md-48 md-light">&#xe88a;</i>
                <br />
                <h:outputLabel title="Accueil" value="Accueil" style="font-size: 1.5em; vertical-align: sub; position: relative; color: black !important;"/>
                </span>

Pour le CSS perso., il faut :

• utiliser une feuille de styles externe (.css),
• et mettre des classes css dans le code.