Deux aside qui ne veulent pas ce mettre en place :/
Utilisateur anonyme
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je voudrais diviser mon site en deux et pour ça avoir une page d'accueil avec un aside à gauche et un aside à droite, quand on clic sur le <a></a> qui est dans un aside on est redirigé enfin une page toute basic en gros (et oui je detourne les aside de leurs utilités !) en cas j'ai mis ça :
j'ai essayé avec float mais rien n'y fait les blocks ne veulent pas s'aligner ...
Je voudrais diviser mon site en deux et pour ça avoir une page d'accueil avec un aside à gauche et un aside à droite, quand on clic sur le <a></a> qui est dans un aside on est redirigé enfin une page toute basic en gros (et oui je detourne les aside de leurs utilités !) en cas j'ai mis ça :
.aside1 { height: 300px; position: relative; width: 200px; background-color: #706b64; border-radius: 10px; color: white; display: inline-block; } .aside2 { height: 300px; position: relative; width: 200px; background-color: #706b64; border-radius: 10px; color: white; display: inline-block; }
j'ai essayé avec float mais rien n'y fait les blocks ne veulent pas s'aligner ...
A voir également:
- Deux aside qui ne veulent pas ce mettre en place :/
- Deux ecran pc - Guide
- Comment faire deux colonnes sur word - Guide
- Nombre de jours entre deux dates excel - Guide
- I deux point - Forum Windows
- Sms deux ronds - Forum Xiaomi
1 réponse
Salut,
Ton code semble correct : http://jsfiddle.net/fxe1xs9g/
Quelques remarques :
- position:relative; est inutile ici, sauf si tu veux positionner des enfants en absolute.
- puisque les règles sont identiques pour les 2 asides, tu peux donc les regoupés
- ton conteneur doit évidemment avoir une largeur supérieur à 400px pour pouvoir aligner les deux aside horizontalement
- pense à supprimer les espaces et/ou sauts de ligne entre tes balises html aside pour éviter d'avoir un espace entre les deux (comportement par défaut des éléments inline-block)
Bonne journée
Ton code semble correct : http://jsfiddle.net/fxe1xs9g/
Quelques remarques :
- position:relative; est inutile ici, sauf si tu veux positionner des enfants en absolute.
- puisque les règles sont identiques pour les 2 asides, tu peux donc les regoupés
- ton conteneur doit évidemment avoir une largeur supérieur à 400px pour pouvoir aligner les deux aside horizontalement
- pense à supprimer les espaces et/ou sauts de ligne entre tes balises html aside pour éviter d'avoir un espace entre les deux (comportement par défaut des éléments inline-block)
Bonne journée
et quand je rajoute un a ça donne ça : http://hpics.li/b2005da