Ceci est un article de Michèle, du blog Attention à la terre, Blog sur environnement, developpement durable, energies renouvelables, les energies solaires, musique mp3 et videos youtube, ... Le gros défaut que j'ai rencontré en installant le modèl Turn out Mag sur Attention à la Terre, et le décallage qui se présentait entre les différents blocs de résumés d'articles sur la page d'accueil. Il a donc fallu supprimer une partie du code (ou plutôt le mettre en stand by) car la date et les libellés empêchaient l'allignement parfait. (voir illustrations).
Pour supprimer ce décallage, voici ce qu'il vous faut faire :
- Allez sur le tableau de bord
- cliquez sur l'onglet "Mise en page"
- Menu "Modifier le code HTML"
- cochez la case "Développer des modèles de gadgets"
- Faire "Ctrl+f" pour trouver : <b:if cond='data:post.dateHeader'>
Code à supprimer ou mettre entre <-- votre code --> afin de le rendre inactif <!-- <p class='details1'> <b:if cond='data:post.dateHeader'>
<data:post.dateHeader/>
</b:if> / <b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=300"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if></p> --> Vous pouvez retrouver Michèle sur son blog, Attention à la terre, où elle se fera un plaisir de vous faire découvrir son univers pas comme les autres. Pour s’abonner à son blog, cliquez sur le lien suivant.
Dans la mesure où ce problème provient du style et plus particulièrement du comportement du float:left; lorsque le bloc de résumé de gauche est plus haut que celui de droite .
RépondreSupprimerIl suffirait pour y remédier d'ajouter une hauteur fixe spécifique aux blocs de résumé, par exemple pour une hauteur de 300 pixels (height: 300px;) ça donnerait au vue du code de ton blog, le même que turn out mag je présume :
#contentb .post {
float:left;
padding:11px 10px 0 0;
width:315px;
height: 300px;
}
Cela permettrait de conserver les informations date etc... sans avoir ce problème de zone vide.
Des ajustements de hauteur fixe peuvent aussi être effectués ici normalement pour un résultat plus précis/homogène :
- Pour le bloc titre et contenu du résumé
#contentb .post .content {
height: ???px;
}
- Pour le Bloc date et label du résumé
#contentb .post .details1 {
height: ??px;
}
A tester mais normalement pas de soucis, cordialement Abara
Grand merci Rodney de m'avoir permis de partager ton espace et abara pour tes précisions, il va falloir que je teste cela. Bon début 2010 à tous les deux.;)
RépondreSupprimerPS : je viens de m'apercevoir qu'il manquait le "!" après le premier "<" de la phrase : Code à supprimer ou mettre entre <-- votre code --> afin de le rendre inactif
Salut,
RépondreSupprimerpremièrement félicitation de ton blog, j'en suis un ferveur lecteur ;) .
Deuxièment, j'ai également un template avec le meme style de présentation que toi, et j'ai le problème des cases non alignées.
Le problème c'est que je n'ai pas le même code que toi, c'est bizarre. Et rien à faire pour alignées c'est carrés!!!
Merci d'avance pour ton aide précieuse.
www.neweyetech.com