Lexi Help
Partner
www.forumieren.com

Abstand zwischen "Beitrags" Button ist zu groß

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Abstand zwischen "Beitrags" Button ist zu groß

Beitrag von Traiceheart am Mi 12 Dez 2012 - 18:46

Hallo ich bin gerade bei einer Freundin und wir gestalten zusamm ein Forum,nur leider versuchen wir beide seid einer stunde diese beiden abstände zu entfernen:
http://www.abload.de/img/abstand52aaq.png

wir wissen nur nicht wie wir es angleich können.

hier ist das Forum: http://moonwolves.clicboard.com/

Lg


Zuletzt von Traiceheart am Mi 12 Dez 2012 - 22:44 bearbeitet, insgesamt 1 mal bearbeitet

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
Chrome

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand zwischen "Beitrags" Button ist zu groß

Beitrag von Günther am Mi 12 Dez 2012 - 18:55

Hallo,

welchen Browser verwendest du? Chrome?
Trage diesen bitte auch noch in dein Profil ein, denn der IE6 ist es offensichtlich nicht mehr. Wink

Poste bitte außerdem das veränderte Template index_box hier zwischen diesen beiden Tags:
Code:
[code][/code]
Ihr habt dort offensichtlich einige Veränderungen vorgenommen, die zu diesem Problem führen.

Liebe Grüße
Günther

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand zwischen "Beitrags" Button ist zu groß

Beitrag von Traiceheart am Mi 12 Dez 2012 - 18:58

Hehe Günther ich kenne die prozedur doch schon 8DD

Jedenfals ich uns meine Freundin benutzen beide Chrome.

Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}

            {CURRENT_TIME}

            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
         
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
       
    <!---- MODIFICATIONS MADE BY THE FRENCH SUPPORT FORUM ---->

            <div class="forum-stats">{catrow.forumrow.POSTS} Beiträge in {catrow.forumrow.TOPICS} Thread/s.</div>
<table border="0" width="80%" class="Forenbeschreibung"><tr><td><center> <h{catrow.forumrow.LEVEL} class="hierarchy"><span class="forumlink">
  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span> </h{catrow.forumrow.LEVEL}></center>

        <center><div class="forum-description">
    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
          </div></center></td></tr></table>
          <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->

            </span>
          </td>
          <!-- BEGIN forum_link_no -->
       

    <!---- END OF MODIFICATIONS MADE BY THE FRENCH SUPPORT FORUM ---->

          <!-- END forum_link_no -->
          <!-- BEGIN forum_link -->
          <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
          <!-- END forum_link -->
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Edit: und was wir an dem template vorgenommen haben kann ich dir sagen Smile
wir haben eine Tabelle aus dem Forentitel,Foren und beiträgen gemacht alles andere war schon vorher im code wahrscheinlich,weil es war schon von anfang an so:)

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
Chrome

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand zwischen "Beitrags" Button ist zu groß

Beitrag von Günther am Mi 12 Dez 2012 - 19:47

Dass ihr Chrome verwendet, hatte ich schon vermutet. Dabei handelt es sich nämlich um eine kleine Chrome-Eigenheit, die zu diesem browserspezifischen Anzeigeproblem geführt hat. Ich möchte meine Bitte nochmals wiederholen:
@Günther schrieb:welchen Browser verwendest du? Chrome?
Trage diesen bitte auch noch in dein Profil ein, denn der IE6 ist es offensichtlich nicht mehr. Wink

Nachdem du das gemacht hast, ersetze das gesamte Template bitte durch die Version, die ich Chrome-kompatibel angepasst habe:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}

                {CURRENT_TIME}

                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
           
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
              </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="2000" height="50">
         
        <!---- MODIFICATIONS MADE BY THE FRENCH SUPPORT FORUM ---->

                <div class="forum-stats">{catrow.forumrow.POSTS} Beiträge in {catrow.forumrow.TOPICS} Thread/s.</div>
    <table border="0" width="80%" class="Forenbeschreibung"><tr><td><center> <h{catrow.forumrow.LEVEL} class="hierarchy"><span class="forumlink">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span> </h{catrow.forumrow.LEVEL}></center>

            <center><div class="forum-description">
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
              </div></center></td></tr></table>
              <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->

                </span>
              </td>
              <!-- BEGIN forum_link_no -->
         

        <!---- END OF MODIFICATIONS MADE BY THE FRENCH SUPPORT FORUM ---->

              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
              <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
          </tr>
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
In Kombination mit eurer Templatestruktur, den verwendeten Kategoriebildern und variablen Breitenangaben für die betroffenen Zellen hat Chrome die Ausmaße der linken Zelle etwas zu hoch berechnet. Ich habe eine Breitenangabe angepasst, damit das Ergebnis nun unter allen gängigen Browsern wie gewünscht aussieht. Smile

Als Zusatztipp würde ich noch empfehlen, der Klasse .Forenbeschreibung noch einen Rahmen zuzuweisen. Derzeit wird im CSS die Tabelle ausschließlich mit einem box-shadow nach außen begrenzt - was der IE natürlich nicht akzeptiert und deshalb gar keine Begrenzungen anzeigt. Da würde ich noch ein wenig auf die IE-Kompabilität Rücksicht nehmen und zumindest zusätzlich einen 1px-Rahmen hinzufügen.

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand zwischen "Beitrags" Button ist zu groß

Beitrag von Traiceheart am Mi 12 Dez 2012 - 21:57

Sry das ich erst jetzt antworte aber ich musste wieder nach hause und meine Freundin wollte eig. mit meinem Account sich noch bedanken,nun ist mir gerade aufgefallen frecherweise hat sie es nicht gemacht und weil meine Schwester (HopeWolf) noch online gehen wollte hat es sich nochmal verzögert Sad

Jedenfals hat alles geklappt und wir wollten uns bei dir bedanken und das auch nochmal für die Tipps Smile
Schönen Abend noch Smile
Lg Traice

Traiceheart
Stammgast
Stammgast

Weiblich Beiträge : 338
Anmeldedatum : 30.04.12
Chrome

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Abstand zwischen "Beitrags" Button ist zu groß

Beitrag von Günther am Mi 12 Dez 2012 - 22:00

Freut mich, dass ich euch helfen konnte. Gerne. Smile

Euch ebenfals noch einen schönen Abend.
Denke bitte noch daran, das -Icon zu setzen.
-done-

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten