28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'aimerais bien avoir votre aide

dans une page html j'ai plusieur <h3>

j'aimerais placer une image juste aprés le deuxieme <h3>
cela s'appliqueras biensur sur toute les pages du site.
avez vous une idée de comment faire???
merci beaucoup
Modifié par timo (28 Oct 2010 - 17:03)
Bonjour,

S'agit-il d'une image porteuse d'information, ou d'une image décorative?
Est-ce la même image à chaque fois, ou une image différente pour chaque page?
c'est la même image a chaque fois et c'est uniquement décoratif
pour l'instant j'ai trouver une methode

 $(document).ready(function(){
            var v1 = $("h2").length;

            $("h2:first").append("<br /><img src='gf_scroll_div.gif'/>");
            
            
			});


mais j'ai un message d'erreur qui s'affiche
[rolleyes]
Fatal error: Smarty error: [in main.tpl line 5]: syntax error: unrecognized tag: $("h2:first").append("
Smiley rolleyes Smiley rolleyes
ca veut dire koi??
Ça veut dire que tu mets du code JavaScript dans un fichier de template, le tout dans une application qui utilise Smarty comme système de template. Si la bonne solution est d'utiliser JavaScript pour rajouter un élément IMG décoratif, alors il faudra que tu te renseigne sur la manière de le faire correctement (c'est-à-dire où placer ton code JavaScript) dans le contexte du CMS ou de l'application web sur laquelle tu travailles.

Par contre, pas sûr que ça soit utile ou adapté de passer par JavaScript.
Pour une image de décoration, tu peux aussi utiliser une image de fond en CSS.
Si tu utilises malgré tout un élément IMG (rajouté à la main dans le HTML ou en JavaScript comme dans ton essai), pense à lui attribuer un attribut alt vide!
<img src="gf_scroll_div.gif" alt="" />