Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Espace entre les containersEspace entre les containers
Précédente
 
Suivante
Nouveau message
13/05/2007 01:01
 

Hello à tous,

Bonheur tout d'abord, la cliente à l'air de bien aimer le site que je suis en train de lui faire avec DNN! Mais de mon côté j'ai un problème:

Je ne sais pas où parametrer l'espace entre les modules... gaaa et donc je trouve que l'espace vertical entre deux modules est beaucoup trop espacé, ce qui pète un peu l'allure générale que j'aimerais donner au site (toujours en construction cela dit) http://www.beyaz-progression.ch

Elle est où la feuille css pour régler l'espace entre les modules?

Un grand merci à tous,

A+ Patrick

 
Nouveau message
13/05/2007 02:56
 

Patrick,

Il y a des espaces à plusieurs endroits, mais ici cela ne se modifie certainement pas via un CSS. Pour info, les CSS des skins se situent dans le dossier /Portals/0/Skins et /Portals/0/Containers/ si le skin a été installé via le menu Site (ce qui est le cas ici.) (et dans /Portals/_Default/... autrement).

Tout d'abord, un espace "en dur", imputrécible, qui se situe juste en deçà de la barre bleue caractérisant la fin d'un module. Pour supprimer cet espace, il te faut éditer le fichier /Portals/0/Containers/PaperBorderOpt/QuelqueChose.ascx (Certainement Container.ascx).
Dans ce fichier, tu trouveras en bas
<td align="right" valign="middle" nowrap>&nbsp;&nbsp;</td>
.
Supprimer les deux caractères &nbsp;. Déjà l'espace devrait être réduit. Tu devrais trouver en plus à la fin de ce container un retour à la ligne caractérisé par la balise <BR />. Supprimer ceci devrait réduire encore l'espace entre deux containers l'un au dessus de l'autre. Cet espace devrait être de 6 pixels comme défini dans le CSS. Si cet espace est trop petit je te dirai comment l'agrandir.

Ensuite il y a des résidus de code malformé saisi dans l'éditeur de texte HTML. Par exemple pour le premier module TEXT/HTML, il s'est glissé un
<P><FONT face=Tahoma color=#808080 size=3></FONT> </P>

au début que tu peux supprimer également. Au besoin passe en code HTML et supprime à la main.

 Ce qui saute aux yeux dans le code source de la page une fois rendue, c'est le fichier container.css qui est appelé partout mais jamais trouvé. Dans les containers donc, tu devrais trouver la ligne
<link href="/Portals/0/Containers/PaperBorderOpt/../Container/container.css" rel="stylesheet" type="text/css" />
ou quelque chose qui s'en approche. Tu peux supprimer ces lignes. Elles appellent une bonne dizaine de fois un fichier qui n'existe pas et cela ralenti l'affichage. Je pense que le fichier Container.css est celui qui est appelé par défaut, il n'est nul besoin de le re-déclarer - d'une manière erronée de surcroît.

Voilà, tu peux déjà faire tout ça et on verra ensuite ?

 

Seb

 
Nouveau message
13/05/2007 04:53
 

Salut Seb,

C'est juste SUPER sympa de m'avoir répondu aussi précisemment! Du coup je crois que j'ai un peu mieux pigé DNN, mais comme tu l'avais prévu j'aurais besoin d'agrandir l'espace d'un poil tellement ta méthode est efficace!

J'ai aussi essayé d'éditer la skin....ascx sur le même principe (j'avais envie de dégager le fossé entre le menu et les premiers containers), j'ai dégagé tous les &nbsp mais ça n'a rien changé, j'ai du coup editer quelques hauteurs de ce que je croyais être les lignes autour du Housemenu, mais rien n'y a fait.

Bref, je pense que tu as d'autres choses à faire que de t'occuper d'un rookie (et encore le mot est faible ;)! En tous les cas un immense merci (bon allé je l'avoue je crève d'envie de savoir comment augmenter l'espace d'un poil ;)

Merci beaucoup!!!

A+ Patrick

 
Nouveau message
13/05/2007 12:24
 

Bonjour,

voici comment je solutionne ce problème.

Je place à la fin de chaque container (fichier ascx) le code suivant : <div class="SpacerBeetweenContainer"></div>

puis dans la feuille de styles du skin je spécifie la hauteur :

.SpacerBeetweenContainer

{
 height: 10px;
}

 

Roland


Roland
 
Nouveau message
13/05/2007 12:29
 

Pardon, j'avais mal lu ta question. Tu cherches à supprimer des espaces entre les containers ! Effectivement là il faut faire la chase à tous les <br> mis à la fin de certains container, ou encore des espaces définis pour les bordures et les espaces entre les cellules des tableaux... Quand je fais un skin, je fais en sorte que tous les containers se collent les uns aux autres, et ensuite seulement je définis les espaces entre les containes comme précisé dans le post précédent.

Roland


Roland
 
Nouveau message
13/05/2007 15:14
 

Yeeees! Génial ça fonctionne à merveille!!!!

Il me reste plus qu'à trouver ce qui se passe au-dessous du HOUSEMENU et ça sera parfait. Je pense que je dois aller voir du côté de ma feuille CSS ce coup-ci (au passage, un peu chaud le CSS livré avec HOUSEMENU, je crois qu'il va falloir qu'un de ces jours je me mette à documenter un peu tout ça!).

Bref, en tous cas un immense merci à tous les deux, ça passe trop quand ça marche!

Merci et bon WE,

A+ Patrick

 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Espace entre les containersEspace entre les containers