dłuższy tekst rozwala stronę...

Strona 1 z 1 [ 11 posty(ów) ]

Widok do druku | « Poprzedni temat | Następny temat »

Temat

Wysłany: 22 Sie 2005, 11:58

CFC

Rejestracja: 14 Maj 2005, 08:33
Posty: 466
Miejscowość: void location()
Pochwały: 12

Zrobiłem coś takiego:
Kod:
<tr>

   <td class="{postrow.ROW_CLASS}" width="150" align="right" valign="middle"><span class="gensmall"><b>Moje Zwierzaki</b>:</span></td>
   <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="middle" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">

      <tr>


         <td class="{postrow.ROW_CLASS}" width="100%" align="left" valign="middle" nowrap="nowrap"><span class="gensmall">{postrow.POSTER_MUSIC} </span></td>
      </tr>
   </table></td>
</tr>

<tr>

   <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"></td>
   <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">

      <tr>

Co daje:

http://img283.imageshack.us/img283/1240/kosz3mo.png

Tylko problem w tym, że gdy ktoś wpisze tam dłuższy tekst to strona się rozjeżdza... jak zrobić, aby tekst po prostu przechodził do drugiej linijki, gdy będzie za długi?

Pozdr.

-.-
shake your boom boom

Odpowiedzi

Wysłany: 22 Sie 2005, 12:08

Crack

Rejestracja: 15 Maj 2005, 20:53
Posty: 61
Pochwały: 6

Pousuwaj z tego fragmentu kodu
Kod:
nowrap="nowrap"

Pozoduje to właśnie wyłączenie zawijania tekstu.
Wysłany: 22 Sie 2005, 12:28

CFC

Rejestracja: 14 Maj 2005, 08:33
Posty: 466
Miejscowość: void location()
Pochwały: 12

Ino teraz wygląda to dopiero nienajlepiej, każdy wyraz jest w osobnej linijce:
http://images5.theimagehosting.com/Schowek01.gif

-.-
shake your boom boom
Wysłany: 22 Sie 2005, 14:12

Crack

Rejestracja: 15 Maj 2005, 20:53
Posty: 61
Pochwały: 6

Daj pełnego screena i trochę większy kawałek kodu, po tym co dałeś nie mogę się zorientować co psuje layout.
Wysłany: 22 Sie 2005, 14:45

CFC

Rejestracja: 14 Maj 2005, 08:33
Posty: 466
Miejscowość: void location()
Pochwały: 12

Crack napisał(a):
Daj pełnego screena

http://images5.theimagehosting.com/wiekszy.gif
Crack napisał(a):
i trochę większy kawałek kodu

Kod:
<table class="forumline" width="100%" cellspacing="1" cellpadding="3" border="0">
<tr align="right">
   <td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a>  </span></td>
</tr>
{POLL_DISPLAY}
<tr>
   <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
</tr>

<tr>
   <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b><span style="cursor:pointer;" onclick="if (document.post && document.post.message) emoticon("[b]{postrow.POSTER_CLEAN_NAME}[/b]")" title="{postrow.L_INSERT_AUTHOR_QUOTE}">{postrow.POSTER_NAME}</span></b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POINTS} {postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>
   <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen"> </span>   {L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></span></td>
         <td valign="top" nowrap="nowrap">{postrow.QUICK_QUOTE_IMG} {postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG} {postrow.ADD_PLUS_POINT} {postrow.ADD_MINUS_POINT}
         </td>
      </tr>

      <tr>
         <td colspan="2"><hr /></td>
      </tr>
      <tr>
         <td colspan="2" onmouseup="if (document.getSelection && document.getSelection() || document.selection && document.selection.createRange && document.selection.createRange().text) quoteAuthor = "{postrow.POSTER_CLEAN_NAME}""><span class="postbody">{postrow.MESSAGE}</span><span class="gensmall">{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
      </tr>
      <tr><td colspan="2"><span class="postbody">



<br />
<div class="plus_point">{L_POST_PLUSP}</div>


<br />
<div class="minus_point">{L_POST_MINUSP}</div>

</td></tr>
   </table></td>
</tr>

<tr>

   <td class="{postrow.ROW_CLASS}" width="150" align="right" valign="middle"><span class="gensmall"><b>Moje Zwierzaki</b>:</span></td>
   <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="middle" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">

      <tr>
<td class="{postrow.ROW_CLASS}" width="100%" align="left" valign="middle" nowrap="nowrap"><span class="gensmall">{postrow.POSTER_MUSIC} </span></td>
      </tr>
   </table></td>
</tr>

<tr>

   <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"></td>
   <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">

      <tr>


         <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG} <script language="JavaScript" type="text/javascript">
document.write('<span style="position:relative">{postrow.AIM_ADD_IMG}<span style="position:absolute;left:3px;top:-1px">{postrow.AIM_STATUS_IMG}</span></span>');
</script>
<noscript>{postrow.AIM_ADD_IMG}</noscript>

<script language="JavaScript" type="text/javascript">
document.write('<span style="position:relative">{postrow.ICQ_IMG}<span style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</span></span>');
</script>
<noscript>{postrow.ICQ_IMG}</noscript></td>
      </tr>
   </table></td>
</tr>
<tr>
   <td class="spaceRow" colspan="2" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>

<tr align="center">
   <td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
      <tr><form method="post" action="{S_POST_DAYS_ACTION}">
         <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS} {S_SELECT_POST_ORDER} <input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
      </form></tr>
   </table></td>
</tr>
</table>

Pozdr.

-.-
shake your boom boom
Wysłany: 22 Sie 2005, 16:59

Crack

Rejestracja: 15 Maj 2005, 20:53
Posty: 61
Pochwały: 6

Ok, no to próbujemy

Zamień kod od Moje zwierzaki (cały blok, od <tr> do </tr>) na
Kod:
<tr>
<td class="{postrow.ROW_CLASS}" align="right" valign="middle">
<span class="gensmall"><b>Moje Zwierzaki</b>:</span>
</td>
<td class="{postrow.ROW_CLASS}" valign="middle">
<span class="gensmall">{postrow.POSTER_MUSIC}</span>
</td>
</tr>
Wysłany: 22 Sie 2005, 17:11

CFC

Rejestracja: 14 Maj 2005, 08:33
Posty: 466
Miejscowość: void location()
Pochwały: 12

Teraz to już w ogóle się wszystko porozwalało Tabelki z postami etc...

http://img364.imageshack.us/img364/7919/trrrrrr2tm.gif

-.-
shake your boom boom
Wysłany: 22 Sie 2005, 17:18

Crack

Rejestracja: 15 Maj 2005, 20:53
Posty: 61
Pochwały: 6

Załacz tu ten zmodyfikowany viewtopic_body_tpl.
Wysłany: 22 Sie 2005, 17:27

CFC

Rejestracja: 14 Maj 2005, 08:33
Posty: 466
Miejscowość: void location()
Pochwały: 12

będę bardzo wdzięczny, gdyby się udało :)
Załączniki:

Komentarz do pliku: viewtopic
viewtopic_body.rar [1.97 KiB]
Ściągnięto 140 razy

-.-
shake your boom boom
Wysłany: 22 Sie 2005, 18:45

Crack

Rejestracja: 15 Maj 2005, 20:53
Posty: 61
Pochwały: 6

Usuń z pliku linie 75 do 81:
Kod:
<tr>

         <td class="{postrow.ROW_CLASS}" width="100%" align="left" valign="middle" nowrap="nowrap"><span class="gensmall">{postrow.POSTER_MUSIC} </span></td>


</tr>
   </table></td>

Autor postu otrzymał pochwałę
Wysłany: 22 Sie 2005, 19:07

CFC

Rejestracja: 14 Maj 2005, 08:33
Posty: 466
Miejscowość: void location()
Pochwały: 12

Heh, nie zauważyłem, że się powtarza. Dziękuje bardzo.

-.-
shake your boom boom

Strona 1 z 1 [ 11 posty(ów) ]

Użytkownicy przeglądający to forum: Brak zarejestrowanych użytkowników oraz 1 gość

Temat

Odpowiedzi

Załączniki:

Kto jest na forum