Question d'alignement innerHTML

J'ai un code js qui apporte des images aléatoires et du texte (légendes). Les sous-titres sont centrés sous les images et je les aime aligné à gauche - quelqu'un peut me dire comment je pourrais modifier leQuestion d'alignement innerHTML

span.innerHTML =Shuffled[i].text;

pour rendre le texte à gauche aligné sous l'image? Merci d'avance si vous pouvez y répondre!

{ 

    var td = document.getElementById("title"+i); 

    var link = td.getElementsByTagName("a")[0]; 

    var image = link.getElementsByTagName("img")[0]; 
    var span = link.getElementsByTagName("span")[0]; 


    image.src = ibase + Shuffled[i].image; 


    link.href = urlbase + Shuffled[i].href; 

    span.innerHTML =Shuffled[i].text; 

    image.alt = Shuffled[i].text; 
}

Source

2010-10-07 Ran

Il est impossible de dire sans voir le balisage réel généré. Pourriez-vous fournir du HTML concret? –

Il n'y a rien dans votre JavaScript qui centre votre texte. Il semble qu'une règle de feuille de style existante puisse le faire. Si vous pouvez éditer le CSS, je recommanderais cette approche en premier. Sinon, vous pouvez essayer d'ajouter ceci:

span.style.textAlign = "left";

Je suppose que span contient le texte que vous essayez d'aligner à gauche.

Source

2010-10-07 13:58:51

Vous pouvez essayer ceci:

span.style.display = "block"; 
span.style.textAlign = "left";

vous pouvez publier le code HTML avec le script si cela ne fonctionne pas, cependant.

Source

2010-10-07 14:01:01

Super, merci à tous, je vais enquêter sur le css et si ça ne me saute pas dessus ou que je ne le répare pas, je vais essayer vos autres solutions! – Ran

Une étendue est alignée par défaut à gauche. Un autre style ou tag CSS est le centrage de votre span. Peut-être qu'un tag ou que vous centrez le td de la table ou de l'étendue a "display: block; text-align: center;" en CSS. Je recommanderais de découvrir quel est le problème avant de faire quoi que ce soit d'autre. Parce que vous pourriez gâcher votre mise en page. Après avoir identifié la source du problème et span a un style css de "display: block;" ajouter

span.style.textAlign = "left"

autre si le reste de la mise en page est correcte, vous pouvez essayer

span.style.display = "bloc"; span.style.textAlign = "left";

ou de changer le centre de l'étiquette supérieure et d'aligner l'image au centre.

Source

2010-10-07 14:18:31 RonaldV

Merci à tous! Je l'ai eu - c'était dans le css comme suggéré - je l'aurais probablement deviné à un moment donné mais je me suis laissé intimider par les .js. :)

Merci beaucoup pour votre aide SPEEDY, aussi!

Source

2010-10-07 14:54:28 Ran

Cherchez d'abord le style ou la classe qui fonctionne avec firefox Firebug. Vous pouvez changer de style dans Firebug lui-même. Ensuite, ajoutez-le à javascript

Source

2010-10-07 15:49:19 zod

Répondre

Questions connexes