2016-06-27 3 views
0

これは、AJAXチャットの複数行変数のために、私がやっていることが設定されています。他のものが設定される前にイメージを追加することです。しかし、表示されるときには常に画像とテキストを別々の行に置いています。私はそれが表示されている変数より多くの変数を使って行うことは問題ではないと思う。Javascript複数行変数

ahrefタグの前にhtml imageタグを置いて問題が起こっている。おそらくそのdivのコンテナのサイズを調べなければならないかもしれませんか?

HERESにいくつかのコードの

encodedUserName = this.scriptLinkEncode(userName); 
     str = '<div id="' 
       + this.getUserDocumentID(userID) 
       + '"><a href="javascript:ajaxChat.toggleUserMenu(\'' 
       + this.getUserMenuDocumentID(userID) 
       + '\', \'' 
       + encodedUserName 
       + '\', ' 
       + userID 
       + ');" class="' 
       + this.getRoleClass(userRole) 
       + '" title="' 
       + this.lang['toggleUserMenu'].replace(/%s/, userName) 
       + '">' 
       + userName 
       + '</a>' 
       + '<ul class="userMenu" id="' 
       + this.getUserMenuDocumentID(userID) 
       + '"' 
       + ((userID === this.userID) ? 
        '>'+this.getUserNodeStringItems(encodedUserName, userID, false) : 
        ' style="display:none;">') 
       + '</ul>' 
       +'</div>'; 
     if(userID === this.userID) { 
      this.userNodeString = str; 
     } 
     return str; 

はあなたのすべてをありがとうございました。

+4

スタイルに問題がある場合は、生成するHTMLを見て修正するためにCSSを調整する必要があります。 –

+0

それは可能性がありますが、そのdivに接続されたスタイルはありません。 ULタグで作成したリストは画像とテキストよりも幅があり、CSSとは関係ないと思っています。 –

+0

だから? HTML要素とCSSの基本的なセマンティクスによって、レンダリング方法が決まります。あなたのイメージを適切な場所に置いてCSSを修正し、正しくスタイルを設定してください。現時点でそれにスタイルが付いていないかどうかは関係ありません。 CSSには、すべてのものがレンダリングされる方法と関連するものがあります。 –

答えて

0

固定。 CSSはdisplay:blockを使用していたので変更しました:)

ありがとうございました。