Autor Zpráva
Jamiro
Profil *
#1 · Zasláno: 5. 11. 2008, 17:40:51
Odpovědět Citovat
Ahoj,
v .tpl mám text area (pole kde se píše text např. u chatu) a potřebuju mu nastavit width. 

<textarea id="main_input_textarea" cols="1" rows="1" title="{LNG_TYPE_MESSAGE_HERE}" style="margin:0px" autocomplete="off"></textarea>


Zkoušel jsem různě zadávat width ale nic mi nefunguje, ale možná ho zadávám špatně.
habendorf
Profil
#2 · Zasláno: 5. 11. 2008, 17:42:35
Odpovědět Citovat
#main_input_textarea {width:300px;}
Chamurappi
Profil
#3 · Zasláno: 5. 11. 2008, 17:45:54
Odpovědět Citovat
Reaguji na Jamiro:
„cols="1" rows="1"“
To bude pěkně malá <textareíčka>, když na ni přijde člověk bez podpory CSS.
habendorf
Profil
#4 · Zasláno: 5. 11. 2008, 17:47:22
Odpovědět Citovat
Chamurappi

Asi tak na jeden znak :o)
Jamiro
Profil *
#5 · Zasláno: 5. 11. 2008, 18:28:53
Odpovědět Citovat
habendorf#main_input_textarea {width:300px;} kam to mám zadat. To je do CSS ne? Celá šablona je vytvořena v .tpl
Celková velikost stránky se odvíjí od textarea (alespoň myslím)a já právě nemůžu najít, kde má zadány rozměry. Každopádně v CSS není ani zmíňky.

Tady je celý kód:
Jestli se někomu bude chtít hledat 

<PCPIN:TPL name="main">

<!-- TOP BANNER AREA -->

<iframe id="chatroom_top_banner" name="chatroom_top_banner" src="dummy.html" scrolling="No" frameborder="0"></iframe>



<!-- BOTTOM BANNER AREA -->

<iframe id="chatroom_bottom_banner" name="chatroom_bottom_banner" src="dummy.html" scrolling="No" frameborder="0"></iframe>



<!-- USERLIST AREA -->

<div id="chatroom_userlist">

  <div id="chatroom_userlist_contents">

    {LNG_CHAT_ROOM} &quot;<span id="chatroom_userlist_room_name"></span>&quot;

    <br />

    <PCPIN:TPL name="room_selection" type="simplecondition" requiredvars="DISPLAY">

      <table border="0" cellspacing="0" cellpadding="2">

        <tr valign="middle">

          <td align="left">

            <select id="chatroom_userlist_room_selection"></select>

          </td>

          <td style="padding:0px; vertical-align:middle; text-align:left;">

            <button style="width:23px;background-image:url(./pic/arrow_left_11x9.gif);back ground-repeat:no-repeat;background-position:center center;" onclick="switchChatRoom($('chatroom_userlist_room_selection').value, $('chatroom_userlist_room_selection').options[$('chatroom_userlist_roo m_selection').selectedIndex].password_protect)" alt="{LNG_ENTER_THIS_CHAT_ROOM}" title="{LNG_ENTER_THIS_CHAT_ROOM}">&nbsp;</button>

          </td>

        </tr>

      </table>

    </PCPIN:TPL>

    <div id="chatroom_userlist_list">

      <table cellspacing="0" cellpadding="0" border="0">

        <tbody id="userlist_table_body"><!-- USERLIST GOES HERE --></tbody>

      </table>

    </div>

  </div>

</div>



<!-- CONTROLS AREA -->

<div id="chatroom_controls">

  <div id="chatroom_controls_contents">

    <table border="0" cellspacing="0" cellpadding="0" width="100%">

      <tr>

        <td align="left" colspan="2">

          <table border="0" cellspacing="0" cellpadding="0" width="100%">

            <tr>

              <td><button type="button" id="msg_bold_btn" style="width:23px;font-weight:900;" title="{LNG_BOLD}" onclick="invertCssProperty('main_input_textarea', 'font-weight', '700/500', true, this.id, '{LNG_BOLD_SHORT}*/{LNG_BOLD_SHORT}')" onfocus="blur()">{LNG_BOLD_SHORT}</button></td>

              <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="1" height="1" /></td>

              <td><button type="button" id="msg_italic_btn" style="width:23px;font-style:italic;" title="{LNG_ITALIC}" onclick="invertCssProperty('main_input_textarea', 'font-style', 'italic/normal', true, this.id, '{LNG_ITALIC_SHORT}*/{LNG_ITALIC_SHORT}')" onfocus="blur()">{LNG_ITALIC_SHORT}</button></td>

              <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="1" height="1" /></td>

              <td><button type="button" id="msg_underlined_btn" style="width:23px;text-decoration:underline;" title="{LNG_UNDERLINED}" onclick="invertCssProperty('main_input_textarea', 'text-decoration', 'underline/none', true, this.id, '{LNG_UNDERLINED_SHORT}*/{LNG_UNDERLINED_SHORT}')" onfocus="blur()">{LNG_UNDERLINED_SHORT}</button></td>

              <PCPIN:TPL name="fonts" type="simplecondition" requiredvars="FONTS">

                <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

                <td>

                  <span id="available_fonts_list" style="display:none">{FONTS}</span>

                  <select id="message_font_select" title="{LNG_FONT_FAMILY}"></select>

                </td>

                <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="1" height="1" /></td>

                <td id="message_fontsize_select_col" style="display:none">

                  <span id="available_font_sizes_list" style="display:none">{FONT_SIZES}</span>

                  <select id="message_fontsize_select" title="{LNG_FONT_SIZE}"></select>

                </td>

              </PCPIN:TPL>

              <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

              <td><button id="message_colors_btn" type="button" style="width:32px;background-image:none;" onclick="openColorBox('main_input_textarea', 'color', this, 'outgoingMessageColor', false, 'background-color')" title="{LNG_MESSAGE_COLOR}" onfocus="blur()"></button></td>

              <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

              <td><button type="button" id="invert_timestamp_btn" style="width:23px;background-repeat:no-repeat;background-position:cent er center;" onclick="invertTimeStampView()" onfocus="blur()"></button></td>

              <PCPIN:TPL name="invert_sounds_btn" type="simplecondition" requiredvars="DISPLAY">

                <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

                <td><button id="invert_sounds_btn" type="button" style="width:23px;background-image:url(./pic/sounds_active_15x15.gif); background-repeat:no-repeat;background-position:center center;" onclick="toggleSounds()" title="{LNG_SOUNDS}" onfocus="blur()"></button></td>

              </PCPIN:TPL>

              <PCPIN:TPL name="msg_attachment_btn" type="simplecondition" requiredvars="DISPLAY">

                <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

                <td><button id="msg_attachment_btn" type="button" style="width:23px;background-image:url(./pic/attachment_15x15.gif);bac kground-repeat:no-repeat;background-position:center center;" onclick="addMsgAttachment()" title="{LNG_ATTACH_FILE}" onfocus="blur()"></button></td>

              </PCPIN:TPL>

              <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

              <td><button id="smilies_btn" type="button" style="width:23px;background-image:url(./pic/smilie_15x15.gif);backgro und-repeat:no-repeat;background-position:center center;" onclick="openSmilieBox('main_input_textarea', null, this, false)" title="{LNG_SMILIES}" onfocus="blur()"></button></td>



              

              <td><button style="width:23px;background-image:url(./pic/members_15x15.gif);backgr ound-repeat:no-repeat;background-position:center center;" onclick="openMemberlistWindow()" title="{LNG_MEMBERLIST}" onfocus="blur()"></button></td>

              <PCPIN:TPL name="your_profile_button" type="simplecondition" requiredvars="DISPLAY">

                <td style="width:1px"><img src="./pic/clearpixel_1x1.gif" alt="" width="5" height="1" /></td>

                <td><button id="your_profile_button" style="width:23px;background-image:url({FORMLINK}?b_x=15&b_y=15&b_id={ AVATAR_BID}&s_id={S_ID});background-repeat:no-repeat;background-positi on:center center;" onclick="openEditProfileWindow(currentUserId, 'own_profile')" title="{LNG_YOUR_PROFILE}" onfocus="blur()"></button></td>

              </PCPIN:TPL>

              <PCPIN:TPL name="admin_btn" type="simplecondition" requiredvars="DISPLAY">

                <td style="width:1px"><img src="./pi
Jamiro
Profil *
#6 · Zasláno: 5. 11. 2008, 19:13:17
Odpovědět Citovat
Chamurappi
text area je přes celou šířku stránky.
Tak co poradí někdo?
Časová prodleva: 15 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0