Richtig umgecoded?

Rambaldi · Beitrag von **Rambaldi** » 07.01.2010 22:54

Ich brauche mal eure Hilfe!

Ist das hier richtig so programmiert?
Es handelt sich hierbei um den Teil der die wer ist online und wer ist da liste anzeigen soll!
Zudem auch den geburtstag und die Statistiken.
Wenn jetzt keiner Geburtstag hat verschwindet dieser und die Statistik zieht sich über die ganze tabelle?

Ich tue mir mit dem width etwas schwer, weiß aber auch noch nicht so recht wie phpbb3 programmiert ist. daher hoffe ich auch eure hilfe!

Ich glaube ich habe da einen fehler, aber vllt könnt ihr mir helfen?
Test siehe Signatur

index_body.html

Code: Alles auswählen

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<!-- IF S_DISPLAY_ONLINE_LIST -->
    <td width="49%" align="left" valign="top">
	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
	<!-- IF LEGEND --><br /><em>{L_LEGEND}: <b>{LEGEND}</b></em><!-- ENDIF --></p>
	</td>
    <!-- ENDIF -->
    
    <!-- IF WHO_WAS_HERE_LIST2 -->
    <td width="2%" align="center" valign="top">
    <td width="49%" align="left" valign="top">
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p>
	<!-- ELSEIF U_ACP -->
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{L_WWH_UPDATE_NEED}</p>
	</td>
    <!-- ENDIF -->
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
    <td width="49%" align="left" valign="top">
	<h3>{L_BIRTHDAYS}</h3>
	<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
    </td>
    <td width="2%" align="center" valign="top">
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
    <td width="49%" align="left" valign="top">
	<h3>{L_STATISTICS}</h3>
	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} <br />{NEWEST_USER}</p>
    </td>
<!-- ENDIF -->
  </tr>
</table>

EDIT:
habe es mal getestet indem ich geburtstag mal editiert habe beim benutzer.
Funktioniert so weit.
Aber kann man das ganze nicht anders coden?
Also ich spiele da auf die

Code: Alles auswählen

<td width="2%" align="center" valign="top">

an.
Einen Abstand zwischen den tabellen müsste man doch anderst einbauen können?
Mir reicht ein Abstand von 10px

EDIT2:
Habe das ganze jetzt nochmals umgebaut und bin nun eigentlich zufrieden!
Ist der Code denn nun so in Ordnung oder sollte man da noch etwas optimieren?

Code: Alles auswählen

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<!-- IF S_DISPLAY_ONLINE_LIST -->
    <td width="49%" align="left" valign="top" style="padding-right:5px; padding-left:5px">
	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
	<!-- IF LEGEND --><br /><em>{L_LEGEND}: <b>{LEGEND}</b></em><!-- ENDIF --></p>
	</td>
    <!-- ENDIF -->
    
    <!-- IF WHO_WAS_HERE_LIST2 -->
    <td width="49%" align="left" valign="top" style="padding-right:5px; padding-left:5px">
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p>
	<!-- ELSEIF U_ACP -->
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{L_WWH_UPDATE_NEED}</p>
	</td>
    <!-- ENDIF -->
  </tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
    <td width="49%" align="left" valign="top" style="padding-right:5px; padding-left:5px">
	<h3>{L_BIRTHDAYS}</h3>
	<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
    </td>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
    <td width="49%" align="left" valign="top" style="padding-right:5px; padding-left:5px">
	<h3>{L_STATISTICS}</h3>
	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} <br />{NEWEST_USER}</p>
    </td>
<!-- ENDIF -->
  </tr>
</table>

Beitrag von **Würzi** » 07.01.2010 23:27

Moin

ich hatte dir hier mal offtopic was dazu geschrieben

http://www.phpbb.de/community/viewtopic ... 2#p1153952

Ich glaub ich versteh ungefähr was du meinst. Glaub ich...

Du kannst in prosilver auch margin-right: 1% nutzen etc.

Hoff du verstehst in etwa, was ich meine

Rambaldi · Beitrag von **Rambaldi** » 07.01.2010 23:30

Nein, das hast du nicht mir gepostet, aber ok

Ich glaube ich verstehe das. Ich versuche es mal

Mein Ergebnis poste ich nochmal zur überprüfung, ok?

Danke dir

Beitrag von **Würzi** » 07.01.2010 23:33

Naja... Hab schon mitbekommen daß du gern bastelst.

Das kriegst schon hin...
Das table tr td gedöns ist oft nicht strict valide mit width unsw.
Das kannst du mit div Zeugs umgehen.

Installiere dir mal das firefox addon: Web Developer damit kann man gut arbeiten.
Und gleich auch noch Firebug

Rambaldi · Beitrag von **Rambaldi** » 07.01.2010 23:40

Also danke nochmals

Ja, ich bastel gerne. jetzt wo ich hier ein Forum gefunden habe, das einem Tatkräftig unter die Arme greift noch mehr

Sonst musste ich mich immer durch tausende von google-antworten lesen und fand erst nicht das richtige.

Habe nun folgendes Prob.
Die divs stimmen zwar, allerdings kommen dann die divs drunter mit geburtstag und statistik alle in den div-right mit rein!
zudem: ist der Abstand bei großer auflösung anderst wie bei kleiner aufgrund der %-Angabe. In den Tabellen war es eben immer die 10px
bekommt man das mit div auch hin?

Code: Alles auswählen

	<!-- IF S_DISPLAY_ONLINE_LIST -->
    <div style="float: left; width: 48%; margin-right: 5px; margin-left: 5px">
	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
	<!-- IF LEGEND --><br /><em>{L_LEGEND}: <b>{LEGEND}</b></em><!-- ENDIF --></p>
	</div>
    <!-- ENDIF -->
    
    <!-- IF WHO_WAS_HERE_LIST2 -->
    <div style="float: right; width: 48%; margin-right: 5px; margin-left: 5px">
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p>
	<!-- ELSEIF U_ACP -->
		<h3>{L_WHO_WAS_HERE}</h3>
		<p>{L_WWH_UPDATE_NEED}</p>
	</div>
    <!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
    <div style="float: left; width: 48%; margin-right: 5px; margin-left: 5px">
	<h3>{L_BIRTHDAYS}</h3>
	<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
    </div>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
    <div style="float: right; width: 48%; margin-right: 5px; margin-left: 5px">
	<h3>{L_STATISTICS}</h3>
	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} <br />{NEWEST_USER}</p>
    </div>
<!-- ENDIF -->

EDIT:
Was noch ein Problem ist:
Wenn kein user Geburtstag hat soll die Statistik auf 100% sein, wie bekomme ich das hin?
Kann mir da vllt jemand einen Code geben oder wenigstens einen Tipp?
Solange lasse ich noch die Tabellenvariante

Beitrag von **Würzi** » 08.01.2010 00:09

Ich meinte das ungefähr so:

Code: Alles auswählen

<div style="float: left; width: 49%; margin-right: 1%;">

<!-- IF S_DISPLAY_ONLINE_LIST -->
    <div class="panel">
        <div class="inner"><span class="corners-top"><span>&nbsp;</span></span>
        	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
        	<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br style="clear: both" />{LOGGED_IN_USER_LIST}
        	<!-- IF LEGEND --><br /><br /><em>{L_LEGEND}: <strong>{LEGEND}</strong></em><!-- ENDIF --></p>
			<!-- IF WHO_WAS_HERE_LIST2 -->
        		<h3>{L_WHO_WAS_HERE}</h3>
        		<p>{WHO_WAS_HERE_LIST2} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p>
        	<!-- ELSEIF U_ACP -->
        		<h3>{L_WHO_WAS_HERE}</h3>
        		<p>{L_WWH_UPDATE_NEED}</p>
        	<!-- ENDIF -->
        <span class="corners-bottom"><span>&nbsp;</span></span>
    </div>
</div>
<!-- ENDIF -->

</div>      
<div style="float: right; width: 50%; margin-top: 0px;">

<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
    <div class="panel">
        <div class="inner"><span class="corners-top"><span>&nbsp;</span></span>
        	<h3>{L_BIRTHDAYS}</h3>
        	<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p><br style="clear: both" />
        <span class="corners-bottom"><span>&nbsp;</span></span>
    </div>
</div>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
    <div class="panel">
        <div class="inner"><span class="corners-top"><span>&nbsp;</span></span>
        	<h3>{L_STATISTICS}</h3>
        	<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS}<!-- IF TOTAL_IMAGES --> &bull; {TOTAL_IMAGES}<!-- ENDIF --> &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
        <span class="corners-bottom"><span>&nbsp;</span></span>
    </div>
</div>
<!-- ENDIF -->

</div>

Kopier den code mal so bei dir rein, die eine box kannst ja noch teilen.

Edit: Seh grad bei mir hat jemand Geb in einen von den 5 Testboards, schaut bei mir also total anders aus.

Und das wer ist online und wer war online kann man noch teilen meine ich.

Rambaldi · Beitrag von **Rambaldi** » 08.01.2010 00:13

Der Ansatz reicht mir schon voll aus

Ich danke dir. Wenn ich noch auf Probleme Stoße werde ich mich melden.
DANKE DANKE DANKE

Mein Held des Tages

Beitrag von **Würzi** » 08.01.2010 00:15

Mehr als ein Ansatz sollte es ja auch nicht sein.

Und ist übrigens strict valide so (dieser Teil), der Rest von deinem Board nicht.

Rambaldi · Beitrag von **Rambaldi** » 08.01.2010 00:20

Was heißt der rest von meinem Board?

Die gastbox habe ich auch schon in die divs gepackt!

Beitrag von **Würzi** » 08.01.2010 00:31

Rambaldi hat geschrieben:Die gastbox habe ich auch schon in die divs gepackt!

Spion hat das schon gesehen

Kleinigkeiten noch musst halt ma selber gucken gehen.

Siehe Firefox Addons web developer und firebug

phpBB.de

Richtig umgecoded?

Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?

Re: Richtig umgecoded?