Bonjour, je voudrais votre avis pour améliorer un code Html sur mon blog.
 
<a href="http://tounovoyages.blogspot.com/search/label/Bretagne"><img border="0" title="Bretagne" src="http://t3.gstatic.com/images?q=tbn:gUuPEjp0r7KanM:http://www.destinationlemonde.com/images/drapeaux/p-bretagne.jpg" />Bretagne</a>
 
Ce code fait apparaitre un drapeau de la Bretagne et le mot Bretagne en dessous ainsi qu'une info bulle du même nom. Bref je ne vous apprend surement rien de nouveau. Ce que j'aimerais c'est rajouter un bout de code pour que le mot Bretagne sois en face du drapeau et non en dessous.
Désolé mais je suis vraiment un gros novice en code HTML ou Java script . Merci d'avance pour votre aide  

Salut,
 
Vu comme tu as goupillé le truc, l'image et le mot "Bretagne" sont sur la même ligne. Selon la taille de leur conteneur (tableau ou div), ils apparaîtront côte à côte ou l'un au-dessus de l'autre...

Salut,
Non ils ne le sont pas car il y a un display:block sur l'image du lien.  
 
Letux, il faut remettre l'image en display:inline.
 
Et les <a> en display:block. Ou mieux, mettre tous ces liens dans une liste... vu que s'en est une.

Je ne sais pas trop ce que tu veux dire par contenant, mais c'est un code que j'ai mis dans la sidebar de mon blog sur blogger.

Merci skopos, j'ai pas compris tous les termes techniques de "display:block" et "diplay:inline", mais après une petite recherche sur google j'ai trouvé ce site "http://www.ultra-fluide.com/ressou [...] line.xhtml", qui explique bien la différence.
 
J'ai ensuite commencé à bidouiller le code pour obtenir ça :  
 
<div><ul><a href="http://tounovoyages.blogspot.com/search/label/Bretagne"><img border="0" title="Bretagne" src="http://t3.gstatic.com/images?q=tbn:gUuPEjp0r7KanM:http://www.destinationlemonde.com/images/drapeaux/p-bretagne.jpg" />Bretagne</a></ul></div>
 
J'ai bien mis les balises <a> en "display:block"  avec les balises <div>, j'ai rajouté les balises <ul> pour rajouter un espace en-dessous de mon drapeau (touche perso) par contre je ne vois pas où est le "display:block" sur l'image du lien.
J'ai bien tenté de mettre l'image en "diplay:inline" avec les balises <span> et </br>, mais rien n'a changé. Je les ai peut-être mal placées dans le code.
 
Au final j'ai retouché le code mais ce n'est toujours pas comme j'aimerais  

Ben c'est normal, t'as fait n'importe quoi
mais c'est pas une critique, tout le monde a des choses à apprendre

Je vais pas te pondre un cours de html/css, d'autres l'ont très bien fait :
http://www.siteduzero.com/tutoriel [...] e-web.html
ou
http://www.alsacreations.com/tutoriels/
Tu verras, c'est pas sorcier.