ilch Forum » Ilch Clan 1.1 » Design und Templates » Teamansicht zweispaltig

Geschlossen
  1. #1
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    Hallo,

    Wie schaffe ich es das das zweispaltig generiert wird x.x
    Das Laoyut der einzelnen Teammeber"karten" habe ich fertig. Nur weiß ich nicht wie ich das hinbekomme das er nun die Tabelle nach meinen Vorstellungen füllt...

    <table width="100%" cellpadding="3" border="0" cellspacing="1" class="border">
    <tr class="Cdark">
    	<td colspan="6" valign="bottom" align="center">{show}</td>
    </tr>
    </table>
    {EXPLODE}
    <table width="100%" cellpadding="3" border="0" cellspacing="1" class="border">
    {EXPLODE}
    <tr class="{class}" colspan="2">
    	<td>
    		<table width="50%" cellpadding="3" border="0" cellspacing="1">
    		<tr>
    			<td rowspan="6" width="80px" align="center" valign="middle"><a href="index.php?user-details-{uid}">{avatar}</a></td>
    			<td colspan="2">{staat} <a href="index.php?user-details-{uid}">{name}</a></td>
    		</tr>
    		<tr>
    			<td>Position</td>
    			<td>{posi}</td>
    		</tr>
    		<tr>
    			<td>Status</td>
    			<td>{status}</td>
    		</tr>
    		<tr>
    			<td>ICQ</td>
    			<td>{icq}</td>
    		</tr>
    		<tr>
    			<td>MSN</td>
    			<td>{msn}</td>
    		</tr>
    		<tr>
    			<td>PN</td>
    			<td><a href="index.php?forum-privmsg-new=0&empfid={uid}">schreiben</a></td>
    		</tr>
    		</table>
    	</td>
    	<td>
                 // hier sollte die zweite membertabelle kommen die ,die rechte spalte füllt.
    	</td>
    </tr>
    {EXPLODE}
    <tr class="{class}">
    	<td width="30%">{name}</td>
    	<td width="10%" align="center">{icq}</td>
    	<td width="25%">{posi}</td>
    	<td width="5%" align="center">{staat}</td>
    	<td width="20%">{status}</td>
    	<td width="10%" align="center"><a href="index.php?user-details-{uid}">{_lang_more}</a></a></td>
    </tr>
    {EXPLODE}
    </table>
    <br />


    Wäre schön wenn mir da jemand bei helfen könnte.

    Liebe Grüße


    verwendete ilchClan Version: 1.1

    betroffene Homepage: clan.renai.de/index.php?teams


    Zuletzt modifiziert von RedSunset am 04.06.2009 - 13:11:58
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    leg ein div um die tabelle mit 50%width und float left
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    darkentik Mitglied
    Registriert seit
    29.03.2007
    Beiträge
    420
    Beitragswertungen
    1 Beitragspunkte
    eine Frage....wieso rufst du so oft "{EXPLODE} auf?! die Items, die du haben willst wie ICQ nr etc. rufst du doch schon manuell überderen Begriffe auf...?
    Oder ich steh grad aufm Schlauch..


    Zuletzt modifiziert von darkentik am 04.06.2009 - 14:36:51
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    ah stimmt an das div hab ich nciht gedacht lächeln

    und das {EXPLODE} stand vorher schon so oft in der Datei da hab ich nichts geändert oO

    Edit: doch nochmal ne Frage
    @chapter: du sagst nen div mit float:left um die tabelle legen.. naj adas ändert nicht viel. Ich muss dem ja i.wie sagen pack 2 Splaten dahin und nicht nur eine.

    {EXPLODE}
    <tr class="{class}" colspan="2">
    	<td>
    		<table width="50%" cellpadding="3" border="0" cellspacing="1">
    		<tr>
    			<td rowspan="6" width="80px" align="center" valign="middle"><a href="index.php?user-details-{uid}">{avatar}</a></td>
    			<td colspan="2">{staat} <a href="index.php?user-details-{uid}">{name}</a></td>
    		</tr>
    		<tr>
    			<td>Position</td>
    			<td>{posi}</td>
    		</tr>
    		<tr>
    			<td>Status</td>
    			<td>{status}</td>
    		</tr>
    		<tr>
    			<td>ICQ</td>
    			<td>{icq}</td>
    		</tr>
    		<tr>
    			<td>MSN</td>
    			<td>{msn}</td>
    		</tr>
    		<tr>
    			<td>PN</td>
    			<td><a href="index.php?forum-privmsg-new=0&empfid={uid}">schreiben</a></td>
    		</tr>
    		</table>
    	</td>
    <td>
    zweite spalte
    </td>
    </tr>
    {EXPLODE}


    Ich nehme mal an, dass das EXPLODE so ähnlcih funktioniert wie eine Schleife ? .. Das würde bedeuten ich habe eine foreach schlefie oder ähnlciehs das die Wrgebnisse der teams.php durchläuft und ausgibt. Wie sag ich ihm denn das er 2 spalten machen soll? das ist eigtl das Problem.. was bestimtm ganz einfach zu lösen ist aber ich steh grad aufm Schlauch ..


    Zuletzt modifiziert von RedSunset am 04.06.2009 - 14:49:14
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    wenn du anstatt einer zwei spalten tabelle, das ganze in einer tabelle lässt, wie du es jetzt hast, kannst du immer zwei teammitglieder nebeneinander anzeigen lassen wenn du es mit nem div machst. oder versteh ich da jetzt was falsch? du willst doch zwei user nebeneinander oder net?
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    ja ich will zwei nebneinande rhaben.

    Aber i.wie peil ich grad nicht wie du das meinst oO

    Der Code durchläuft ja in irgendeiner Form die abgefragten Daten aus der teams.php.
    Beim durchlaufen muss ich dem ja jetzt sagen nimm immer 2 in eine zeile und brech denn um. Wenn ich nun meine usertabelle in ein div pack ist die immer noch an der gleichen Stelle und die andere rutscht nicht nach oben ? da ja die neue zeile in der gleichen Schleife mit angegeben wird.



    oder kann ich das auch in reiner div form machen sprich:

    //beginn schleife squad
    <div mit fester breite>
       <div>name des squad</div>
       //beginn schleife user
       <div float:left, breite 50 %>
                <tabelle>
       </div>
       //ende schleife user
    </div>
    // ende schleife squad


    Die Frage dabei ist, sind die {EXPLODE} dinger jetzt beginn und ende einer schleife oder hab ich das falsch verstanden ? x.x
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    beispiel:

    deine standtart tabelle:
    <table blablabla width:"100%">
    <tr><td>deine daten</td></tr></table>


    jetzt füllt die tabelle die komplette breite deines contentbereichs.

    wenn du jetzt aber um die tabelle ein div legst, mit einer width von 50%, kann die tabelle auch maximal 50% des contents annehmen.
    wenn du jetzt noch float:left hinzufügst, wird die nächste tabelle, die ebenfalls ja im div ist neben die andere gesetzt.
    da der contentbereich aber eine feste breite hat, wird die dritte tabelle untendrunter angereiht...

    quasi so:
    <div style:width:50% float-left><table blablabla width:"100%">
    <tr><td>deine daten</td></tr></table></div>


    weißt du jetzt wie ich das mein?
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    uhm ja okay nun hab ichs .. war zu verstefit auf die erste tabelle -.-"

    nun noch die Frage wie ich zwischen den einzelnen Teams nen Abstand bekomme ?

    <table width="100%" cellpadding="3" border="0" cellspacing="1" class="border">
    <tr class="Cdark">
    	<td colspan="6" valign="bottom" align="center">{show}</td>
    </tr>
    </table>
    {EXPLODE}
    
    {EXPLODE}
    	<div style="width:50%; float:left;">
    		<table  class="{class}" width="100%" height="130px" cellpadding="3" border="0" cellspacing="1" background-color="#185685" >
    		<tr>
    			<td rowspan="6" width="80px" align="center" valign="middle"><a href="index.php?user-details-{uid}">{avatar}</a></td>
    			<td colspan="2">{staat} <a href="index.php?user-details-{uid}">{name}</a></td>
    		</tr>
    		<tr>
    			<td>Position</td>
    			<td>{posi}</td>
    		</tr>
    		<tr>
    			<td>Status</td>
    			<td>{status}</td>
    		</tr>
    		<tr>
    			<td>ICQ</td>
    			<td>{icq}</td>
    		</tr>
    		<tr>
    			<td>MSN</td>
    			<td>{msn}</td>
    		</tr>
    		<tr>
    			<td>PN</td>
    			<td><a href="index.php?forum-privmsg-new=0&empfid={uid}">schreiben</a></td>
    		</tr>
    		</table>
    	</div>
    {EXPLODE}
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    margin-left

    mach am besten das div in ne feste breite.
    also wenn dein content 500px breit ist, machst du das div auf 248 und machst margin-left:2px dann hast du nen abstand. wenn du es mit % machst, weiß ich nicht ob das geht. probier einfach mal
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    ne das meint ich nciht .. ich eminte den abstand zwischen den einzelnen kategorien sozusagen .. aber hab das jetzt über ein unsichtbares gif gelöst .. ist vll nciht so hübsch aber funktioniert lächeln

    nur bei der letzten kategorie klebt die letzte membertabelle am footer.. weißt du wie ich da nen abstand rein bekomme ?

    clan.renai.de/index.php?teams
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    margin-top
    margin-bottom
    usw

    schau mal unter www.css4you.de
    da kannst du alles nachlesen
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    ja aber wenn ich in dem memberdiv ein amrgin bottom reinhau ist das überall will das aber nur biem letzten haben oO
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    achso. ich glaub das geht nicht, da die tabelle ja immer wieder angezeigt wird.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    RedSunset Mitglied
    Registriert seit
    29.05.2009
    Beiträge
    173
    Beitragswertungen
    4 Beitragspunkte
    schade, danke dir trotzdem vielmals
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten