Deux aside qui ne veulent pas ce mettre en place :/

Fermé
Utilisateur anonyme - Modifié par KX le 21/09/2015 à 21:51
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 23 sept. 2015 à 16:48
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 :

.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:

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
22 sept. 2015 à 14:11
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
0
Utilisateur anonyme
23 sept. 2015 à 13:37
mais alors pourquoi sur ma page ça me donne un résultat tout bizarre ?
0
Utilisateur anonyme
23 sept. 2015 à 14:01
quand je mes juste mes aside avec un nav dedans j'ai ça : http://hpics.li/647ca27
et quand je rajoute un a ça donne ça : http://hpics.li/b2005da
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
23 sept. 2015 à 16:48
Tu as oublié le > à la fin de tes balises <aside> :
<aside class="aside1">
    <nav></nav>
</aside>
0