Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Créer un menu avec des boites animées grâce au CSS3


Sujet :

Publications (X)HTML et CSS

  1. #1
    Expert éminent sénior
    Créer un menu avec des boites animées grâce au CSS3


    Je vous propose une traduction de l'article anglophone Create An Animated CSS Box Menu par Paul Underwood : Créer un menu animé en CSS.

    N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

    Créer un menu animé en CSS.

    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Invité
    Invité(e)
    Très intéressant de retrouver ce classique (en tant que menu) sans Javascript bravo pour cette simplicité

  3. #3
    Futur Membre du Club

  4. #4
    Membre actif
    Le hr est caché derrière le menu..
    Le hr est caché derrière le menu.. comment l'éviter ?
    Faut-il interrompre un héritage ? comment ?
    N'oubliez pas la documentation... - Initiation à HTML5 - Tutos CSS

  5. #5
    Membre actif
    position absolute..
    Citation Envoyé par friendofweb Voir le message
    Le hr est caché derrière le menu.. comment l'éviter ?
    Faut-il interrompre un héritage ? comment ?
    réponse à ma question :

    exemple de contenu :
    Code html :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    		<table width="100%" border="0" align="center" role="presentation" id="test">
    			<tbody>
    				<tr>
    					<td>
    						<hr />
    						blabla blabla
    					</td>
    				</tr>
    			</tbody>
    		</table>


    avec comme css :

    Code css :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
     
    #test { position: absolute ; top: 40%; left: 0px ;}


    Si vous avez mieux, merci de me reprendre
    N'oubliez pas la documentation... - Initiation à HTML5 - Tutos CSS

  6. #6
    Membre actif
    OK j'ai compris
    Pour ceux qui ne comprennent pas non plus, les indispensables :

    Indispensable 1

    Indispensable 2 (plusieurs styles à un élément)

    Explications (classes) :

    Question posée sur le forum css

    Autre exemple intéressant :

    Autre exemple

    Merci pour le tuto !
    N'oubliez pas la documentation... - Initiation à HTML5 - Tutos CSS

###raw>template_hook.ano_emploi###