Darstellungsprogramm

[Diabolous]

Hallo PHP-Gemeinde!

Ich bin ganz neu auf diesem Gebiet und komme nun nicht weiter. Ich habe auf meiner Webseite ein Widgets eingebaut, das mir Zufällige Mitglieder Fotos ausgibt..... doch leider vertikal.... ich möchte es gerne horizontal, leider weis ich nicht wie ich das anstellen soll.... muss da was am Code geändert werden oder an der Datenbank?

Hier mal der Code:

$member_count = 5;
ob_start();
require_once('./includes/functions_user.php');
require_once('./includes/functions_bigthree.php');
// Get Random Members
$newusers_get = vB::$db->query_read("
SELECT ".TABLE_PREFIX."user.userid AS userid, ".TABLE_PREFIX."user.username AS username, ".TABLE_PREFIX."customprofilepic.dateline AS dateline FROM ".TABLE_PREFIX."customprofilepic
LEFT JOIN ".TABLE_PREFIX."user
ON ".TABLE_PREFIX."customprofilepic.userid=".TABLE_PREFIX."user.userid
WHERE ".TABLE_PREFIX."customprofilepic.visible = 1
ORDER BY RAND()
LIMIT $member_count");
$output_bits = '<p align="center"';
while($newuser = vB::$db->fetch_array($newusers_get))
{
$output_bits .= '<a href="member.php?u='.$newuser[userid].'"><img src="image.php?u='.$newuser[userid].'&dateline='.$newuser[dateline].'&type=profile" alt="'.$newuser[username].'"/><br />'.$newuser[username].'</a><br />';
}
$output_bits .= '</p>';
$output = $output_bits;
ob_end_clean(); 

Schon mal danke im Voraus für Eure Hilfe.

Gruß
Diabolous

[fab]

Hier die relevanten Stellen:

...
$output_bits = '<p align="center"';
...
$output_bits .= '</p>';
... 

Was da passiert, kannst du dir hoffentlich denken. Wenn nicht, fang erstmal an, dich mit HTML zu beschäftigen.

[Diabolous]

Hier die relevanten Stellen:

'<p align="center"';

Also das heisst soviel das die Bilder zentriert angezeigt werden, stimmts?


Was da passiert, kannst du dir hoffentlich denken. Wenn nicht, fang erstmal an, dich mit HTML zu beschäftigen.

Und ich dachte man bekommt hier hilfe und nicht mit was ich mich beschäftigen soll

[tr0y]

nimm mal das

<br /> 

raus, das sorgt dafür das deine bilder untereinander ( vertical ) angeordnet werden. ansonsten: zeilen umbruch verhindern per css / styletag.. es empfiehlt sich auch den <p>-Tag ( Absatzkontrollelement ) gegen einen <div>-Tag ( Blocksteuerungselement ) zu ersetzen

[fab]

Das heißt vor allem dass da ein Absatz (paragraph) erstellt wird. Aber ich muss mich korrigieren, es ist ja ein einziger Absatz, in dem allerdings nach jedem Bild ein Zeilenumbruch <br /> steht, siehe Tr0y.

Und ich dachte man bekommt hier hilfe und nicht mit was ich mich beschäftigen soll

Klar bekommst du Hilfe, aber minimale Grundkenntnisse oder zumindest der Wille zu lernen werden schon erwartet.

[tr0y]

Das heißt vor allem dass da ein Absatz (paragraph) erstellt wird. Aber ich muss mich korrigieren, es ist ja ein einziger Absatz, in dem allerdings nach jedem Bild ein Zeilenumbruch <br /> steht, siehe Tr0y.



Klar bekommst du Hilfe, aber minimale Grundkenntnisse oder zumindest der Wille zu lernen werden schon erwartet.

Der öffnungstag is trotzdem nicht ganz ok, da fehlt ein >

[Diabolous]

nimm mal das

<br /> 

raus, das sorgt dafür das deine bilder untereinander ( vertical ) angeordnet werden. ansonsten: zeilen umbruch verhindern per css / styletag.. es empfiehlt sich auch den <p>-Tag ( Absatzkontrollelement ) gegen einen <div>-Tag ( Blocksteuerungselement ) zu ersetzen

WOW, danke das hat schon mal geholfen.... super.

Jetzt hab ich nur noch das folgende Problem das der Username neben dem Bild angezeigt wird.... der sollte aber unter dem Foto sein.

[nikosch]

Das alles hat überhaupt nichts mit PHP zu tun.

PHP Einsteiger
PHP Problemlösungen für Spracheinsteiger

Du kannst Dir auch gleich abgewöhnen, die User hier wie Dienstleister zu behandeln.

Und ich dachte man bekommt hier hilfe

Jetzt hab ich nur noch das folgende Problem

Bitte beachten: Forenrichtlinien


[MOD: verschoben]

[tr0y]

WOW, danke das hat schon mal geholfen.... super.

Jetzt hab ich nur noch das folgende Problem das der Username neben dem Bild angezeigt wird.... der sollte aber unter dem Foto sein.

css:

div.WOOOOOOAAAH {
 float:left;
 padding:2px;
 text-align:center;
}

div.WOOOOOOAAAH + p {
 padding:0;
 margin:0;
 margin-top:5px;
} 

html statt dein <p> da oben:

<div class="WOOOOOOAAAH"><a href="member.php?u='.$newuser[userid].'"><img src="image.php?u='.$newuser[userid].'&dateline='.$newuser[dateline].'&type=profile" alt="'.$newuser[username].'"/><br /><p>'.$newuser[username].'</p></a>/<div> 

könnte funktionieren wenn das html-dokument nicht auf Bielefeld strict validert is.

[nikosch]

P im A? Na ich weiß ja nicht..

[tr0y]

P im A? Na ich weiß ja nicht..

Jeder durch html-formatierte text, auch noch so kurz sollte durch absätze kontrolliert werden sofern er an einem bevorstehenden Element angegliedert wird. Oder willst du Luft ausrichten ?

Optional: inner-divs verwenden, initiiert aber ein neues teilelement der Seite, was ein absatz nicht tut.

p.s: oh, hups ^^ .. p-tag in a-tag ändern und neuen link erzeugen sonst wirds nicht strict.

[nikosch]

<div>
  <a><img /></a>
  <p><a>Text</a></p>
  <p><a>Text</a></p>
</div>

oder

<div>
  <p><a><img /><br />
  Text</a></p>
  <p><a>Text</a></p>
</div>

wären Möglichkeiten.

[tr0y]

block { <a> </a> }
absatz { <p> block { <a> </a> } </p> }
absatz { <p> block { <a> </a> } </p> }

na ich weiß nich

[nikosch]

Muss man das jetzt verstehen?

[tr0y]

<ironic onContact="bite();"> Als moderatives Dielektrikum nicht, nein. </ ironic> Aber ich frag dich mal: Warum sollte ich ein block-element in ein absatzelement packen damit ich dann das absatzelement formatiere statt direkt das blockelement ?