Deux aside qui ne veulent pas ce mettre en place :/
Utilisateur anonyme
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
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
- Sms deux ronds - Forum Xiaomi
- I deux point - Forum Windows
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
<aside class="aside1"> <nav></nav> </aside>