Versuch

18.08.2007, 20:07

Halli Hallo,

ich habe mal wieder ein Problem, bzw. benötige eure Hilfe:

Auf dieser "Testseite" würde ich gerne die Rechten "Boxen" (Wilkommen, wer ist onlinbe?, .......) wieder so schmal haben wie im original, kann mir da jemand helfen?

Hier meine Seite: https://lucasvm.lu.funpic.de/orion/portal.php

Zum Vergleich: https://www.community.cback.de/ so breit wie hier ungefähr.

hier einmal der quelltext der body.tpl datei:

Code:

<table width="100%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td class="nav"><span class="maintitle">{SITENAME}</span>
{L_HOME}</td>
  </tr>
</table>
<table border="0" cellspacing="4" cellpadding="4" width="100%">
  <tr>
    <td valign="top" width="15%">
    <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
</table>
</form>
<table cellpadding="3" cellspacing="1" border="0" width="100%" class="forumline">
  <tr>
    <th>{SITENAME}</th>
  </tr>
  <tr>
<td class="row1" align="left">{WELCOME_TEXT}</td>
  </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
          <tr>
         <td class="row1" align="left">
         </td>
         </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
<th>{L_RECENT_TOPICS}</th>
  </tr>
  <tr>
<td class="row1" align="left">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td valign="top" align="center">[img]templates/{T_NAME}/images/orion/icons/pfeil.png[/img]</td>
<td valign="top" align="left"><span class="gensmall">{recent_topic_row.L_TITLE}
by {recent_topic_row.S_POSTER} on {recent_topic_row.S_POSTTIME}
</span></td>
</tr>
</table>
</td>
  </tr>
</table>
       <table cellpadding="3" cellspacing="1" border="0" width="100%" class="forumline">
 <tr>
           <td class="cat" colspan="2"><span class="genmed">{newsitem.TOPIC_TITLE}</span></td>
         </tr>
 <tr height="18px">
       <td class="row3" colspan="2" valign="center"><span class="gensmall">{L_POSTED} {L_WORD_ON} {newsitem.FORMAT_TOPIC_TIME} {L_P_BY} {newsitem.USERNAME}<b/></span></td>
 <tr>
   <td class="row1" valign="top" align="left">{newsitem.POST_TEXT} 
<span class="gensmall">({L_P_READ})</span></td>
 </tr>
<td class="row2" valign="center" align="left" height="18">
   [img]templates/{T_NAME}/images/orion/icons/n_answer.png[/img]
   [img]templates/{T_NAME}/images/orion/icons/n_print.png[/img]
</td>
<td class="row3" valign="middle" align="center" height="18">
   <span class="gensmall">{L_P_VIEWED}  {newsitem.TOPIC_VIEWS} {L_P_TAH}  {newsitem.TOPIC_REPLIES} {L_P_COMMENTS}.</span>
</td>
   </tr>
   </table>
    </td>
    <td valign="top" width="15%">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th>{L_NAME_WELCOME}</th>
</tr>
<tr>
<td align="center" class="row1">
{AVATAR_IMG}
<span class="name">{U_NAME_LINK}
</span>
<hr><span class="gensmall">{LAST_VISIT_DATE}
{CURRENT_TIME}
<hr>
{L_SEARCH_NEW}
{L_SEARCH_UNANSWERED}
{L_SEARCH_SELF}</span></td>
</tr>
</table>
<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th>{L_LOGIN}</th>
</tr>
<tr>
<td align="center" class="row1"><span class="gensmall">
<input type="hidden" name="redirect" value="{U_PORTAL}" />
{L_USERNAME}:
<input class="post" type="text" name="username" size="15" />
{L_PASSWORD}:
<input class="post" type="password" name="password" size="15" />
</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input class="text" type="checkbox" name="autologin" /></td>
<td class="gensmall">{L_REMEMBER_ME}</td>
</tr>
</table>
 <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
 {L_SEND_PASSWORD}
<p class="gensmall">{L_REGISTER_NEW_ACCOUNT}</p></td>
</tr>
</table>
</form>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th>{L_WHO_IS_ONLINE}</th>
</tr>
<tr>
<td class="row1"><p class="gensmall">{TOTAL_USERS_ONLINE}
{LOGGED_IN_USER_LIST}
</p><p class="gensmall" align="center">[ {L_VIEW_COMPLETE_LIST} ]</p>
<p class="gensmall">{RECORD_USERS}</p></td>
</tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   <tr>
<th>{L_BIRTHDAY}</th>
   </tr>
   <tr>
<td class="row1" align="left"><span class="gensmall">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</span></td>
   </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   <tr>
<th>{L_ORION_STAT}</th>
   </tr>
   <tr>
<td class="row1" align="left"><span class="gensmall">{L_USERS_TODAY}
{USERS_TODAY_LIST}</br></span></td>
   </tr>
   <tr>
<th>{event_list.EVENTS}</th>
   </tr>
   <tr>
<td class="row1" align="left"><span class="gensmall">{event.SPAN} {event.AUTHOR}
{event.SUBJECT}</span></td>
   </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th>{L_ORION_COUNTER}</th>
     </tr>
   <tr>
<td class="row1"><span class="gensmall"><center>{VISIT_COUNTER}</center></span></td>
</tr>
        </table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th>{L_WHO_IS_CHATTING}</th>
   </tr>
   <tr>
<td class="row1">
<p class="gensmall">
{TOTAL_CHATTERS_ONLINE}
{CHATTERS_LIST}
<center>[ {L_LOGIN_TO_JOIN_CHAT} ]</center>
<center>[ {L_CLICK_TO_JOIN_CHAT} ]</center>
</p>
</td>
</tr>
</table>
<form method="post" action="{S_POLL_ACTION}" />
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th>{L_POLL}</th>
</tr>
<tr>
<td class="row1">
<div class="genmed" align="center">{S_POLL_QUESTION}</div>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="radio" name="vote_id" value="{poll_option_row.OPTION_ID}" /></td><td class="gensmall">{poll_option_row.OPTION_TEXT}[{poll_option_row.VOTE_RESULT}]
</td>
</tr>
</table>
<p class="gensmall" align="center">{L_LOGIN_TO_VOTE}</p>
<div align="center"><input type="submit" class="mainoption" name="submit" value="{L_VOTE_BUTTON}" {DISABLED} /></div>
<input type="hidden" name="topic_id" value="{S_TOPIC_ID}" /> <input type="hidden" name="mode" value="vote" />
</td>
</tr>
</table>
</form>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
    <th>Q Links</th>
  </tr>
  <tr>
    <td class="row1">
<div align="center">
<marquee id="scroll_minibanners" behavior="scroll" direction="up" height="110" width="90" scrolldelay="0" scrollamount="1">
[img]{q_link.QL_IMAGE}[/img]
 </marquee>
 </div>
    </td>
      </tr>
   <tr>
     <td class="row2" align="center">{QL_GO}{QL_SPEED}{QL_SLOW}{QL_STOP}</td>
   </tr>
</table>
    </td>
  </tr>
</table>

ich habe schon versucht alle möglichen werte zu ändern aber bekomme das iwie nicht hin...

Danke Lucas

PS: was sagt ihr zum Design der Seite? Und wie sieht es mit dem Menü aus? Weil das habe ich nähnlich selbst geschrieben und weißt nicht so rehct ob es richtig funktioniert....

18.08.2007, 22:06

Das Design gefällt mir egtl. gut. Orion ist überhaupt recht fit in dieser Hinsicht meiner Meinung nach. Was allerdings negativ auffällt ist die breite der Rechten Navigation. Die Navigation links hast du ja ganz verschwinden lassen, was sich aber wiederum durch die Navigation oben ausgleicht.
Gefällt mir ..
Leider kann ich dir zu deinem PHP Problem nicht helfen... Da musst du leider auf wen anders warten

Ich würde das Problem allerdings so lösen:
Die Datei der Hauptseite mit einem Programm (z.B. Frontpage) öffnen und so anpassen wie du sie haben willst.
Speichern und neu hochladen

Vielleicht hilft dir das ja auch schon... PHP kann ich leider nicht tut mir leid

19.08.2007, 00:44

Das ist eigentlich ein reines HTML Problem und hat nur mit der Verschachtelung der Tabellen zu tun ^_^

Ich beziehe mich jetzt mal auf alles - also du hast die linke Tabellen Zelle (mit den Beiträgen etc.) auf 15% und die rechte, die dir zu breit ist, auch auf 15%. Das verträgt sich nicht, da beide Spalten nur 15% groß sind die Tabelle selbst aber 100%, sprich da fehlt ein wenig. Also einfach die ersten 15% auf nette 85% und schon sieht es wieder besser aus, durch die fixe Pixelangabe der "Muttertabelle" sehen auch diese prozentualen Angaben bei jeder Auflösung gleich aus.

.oO( Aber 80% / 20% sieht besser aus

)

PS ich hoffe du findest die beiden 15% Angaben bei dir im Quelltext, kommt nur 2mal vor! Das erste mal ist es die linke Spalte, das 2. mal die rechte Spalte.

PSS Das Menü ist wirklich sehr gut, aber nicht perfekt, da es bei mir im iE6 leicht flimmert (niemand sollte den benutzen, von daher ist es egal), aber in allen anderen Browsern ist es sehr gut, vorallem die Farbwahl deiner Seite ist sehr harmonisch. Nur die Icons vom Forum und die Farben vom Forum selbst würde ich noch anpassen, ansonsten sehr fein.

19.08.2007, 13:50

Danke für das feedback!

Ahhh ich hatte immer Versucht die Breite für die einzelnen Boxen zu verändern, danke.

Das das Menü im IE6 nicht einwandfrei wunfktioniert habe ich auch schon festgestellt. Gibts da nicht son "Workarround" oder wie das heißt? Ist das leicht zu schreiben?

Was würdes du mir denn für Farben empfehlen? Ich habe schon alles mögliche getestet, habe aber nicht gerade die perfekte Farbe gefunden.

Wenn ich alles in grau/schwarz/orange- Tönen mache wirkt das meiner Meinung nach zu dunkel und unfreudnlich.

Gruß Lucas

19.08.2007, 13:58

Ja es gibt da für den iE Workarounds, aber der Aufwand lohnt sich nicht, das funktioniert mit Schienen, also bestimmten Codestellen, die nur vom iE6 interpretiert werden (dh alle anderen Browser ignorieren die einfach). Aber ich denke nicht, dass das notwendig ist.

Zu den Farben - hauptsächlich die Forenicons und das Blau-Grau der Schrift paßt nicht so ganz, wie ich finde.

Versuch

Versuch

Ähnliche Themen

PC geht beim Versuch zu starten nach 5sek wieder aus...?

der erste versuch