Forum Logiciel et Tuto

Sur le Web, heureusement il n'y a pas que des grosses structures comme Google qui dès que vous avez un problème vous renvoie une réponse préformatée qui répond dans 80 % des cas complètement à côté de la plaque.

Le web c'est aussi des petites sociétés innovantes à l'écoute de leur public,où le PDG est prêt à s'investir  de sa personne pour vous aider à mieux intégrer sa solution.

J'avais un petit problème d'intégration avec wishlistr, le PDG (Jimmy) s'est mis en 4 pour m'aider à le résoudre....

Voici un extrait de nos échanges (désolé c'est en anglais), que je partage pour en aider quelques uns... si ça en intéresse quelques uns je le traduis.

Jeanviet:

> > Why have you choose this structure for the list we put in blog ???
> >
> > 
> >   Your first wishlist item
> >   Additional info for your first item
> >   Your second wishlist item
> >   Additional info for your second item
> >   Your third wishlist item
> >   Additional info for your third item
> > 
> >
> > why not and , it more usable I think.... I've got bad
> > things with dl dt dd...

Jimmy:

HI,

> What kind of markup you receive for your linkroll depends on how you
> choose to present it. If you choose to include the text from the
> additional info field, the javascript will generate a definition list
> (dl, dt, dd). If you choose to exclude the additional info, a
> unordered list (ul, li) will be generated.
>
> There's several reasons for this. First of all, it's the most
> semantically correct way of doing it. If a list contains a series of
> terms (the different items) and definitions (the additional info) it
> should be marked up as a definition list. Here's what the W3C says:
>
> "Definition lists, created using the dl element, generally consist of
> a series of term/definition pairs (although definition lists may have
> other applications)."
>
> http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html
>
> Also, if we were to use an unordered list in both cases — even if the
> additional info is included — it would mean that you could not style
> (with CSS) the wishlist item and the additional info differently,
> independent of each-other, as they would be marked up with the same
> tag (li). By using the dt-tag for the wishlist item and the dd-tag
> for the additional info it's possible to style each of them
> independently.
>
> I'm not sure what you mean by "having bad things with dl, dt, dd".
> You should be able to style the definition list to look exactly the
> same as an unordered list does on your site, if that is what you
> want. If you show me your blog I might even be able to help you with
> that.
>
> Hope that clears things up.
>
>
> Regards,
> Jimmy, Wishlistr

Jeanviet:


> Hi Jimmy,
>
> Thanks a lot for your quick answer....
> Finally, I choose to exclude the additional info.
>
> Here's the result:
> http://favoris.jeanviet.info/
> In the right column, last table.
>
> I would like that dl and dt and dd act like ul and li (text-align
> on the left)
> with text-align:"left"; on the css, i'm not sure it works.
>
> Wishlistr is a great concept...  If some french guys are lost in
> your website maybe you can redirect them here:
> http://blog.jeanviet.info/2006/12/18/wishlistrcom-bookmarkez-et-
> partagez-votre-liste-au-pere-noel/
>
> Best regards,
>
> Jean

Jimmy:

Hi Jean,

I've had a look on your site and checked out your CSS-file. I think
the following CSS will make dl, dt and dd look just like ul and li:

#droite dl {
display:block;
width:177px;
margin-left:3px;
margin-bottom:3px;
margin-top:3px;
padding:0;
}
#droite dl dt {
list-style-type:none;
margin: 0;
padding: 1px 2px;
}
#droite dl dd {
list-style-type:none;
margin: 0;
padding: 1px 2px;
border-bottom: 1px solid #EBEBEB;
}
#droite dl a {
display:block;
width:177px;
}

I think the problem you might have had could have something to do
with the fact that dd:s has a bit of left margin added as default. So
unless you set the left margin to 0 in your CSS the dd:s will not be
left aligned. Hope that helps.

Thanks a lot for providing instructions for the bookmarklet in
french! We're currently working on the next version of Wishlistr and
if it's okay with you we'll probably add a link to the instructions
on your site on our bookmarklet page when we update.


Regards,
Jimmy