Div aus While-Schleife nebeneinander anzeigen

TorrnexT · 12.10.2011, 16:03

Hallo,

in einer While schleife (die etwas aus einer MySQL-DB ausließt), öffne ich eine div-box. Diese wird auch so angezeigt, wie ich möchte, jedoch werden die Boxen nicht nebeneinander (so wie ich das will) angezeigt, bis ein Zeilenumbruch erzwungen wird, da die Seite zuende ist, sondern immer untereinander.

Also so:
||||| <- Das ist sagen wir mal eine Div Box

Momentan wird es so angezeigt:
|||||
|||||

Aber ich möchte das es so angezeigt wird:
||||| |||||

PHP-Code:

        echo "<div style=\"text-align:right\"><a href=\"create_auctions/tbl_new_auction.php\">Neue Auktion erstellen</a></div><br/>";

      $ergebnis = mysql_query("SELECT * FROM `tbl` WHERE `status` = '1' ORDER by title ASC") or die(mysql_error());  

      while($row = mysql_fetch_object($ergebnis))

      {

       $category_id = $row->id;

       echo "<div class=\"category_bg\">";

       echo "<a href=\"tbl_home_undercats.php?id=".$category_id."\">";

       echo "<img src=\"".$row->picture."\" style=\"height:100px; margin-right:5px; margin-bottom:5px;\" align=\"left\">";

       echo "<b>".$row->title."</b><br/><br/>";

       echo $row->description;

       echo "</a>";

       echo "</div>";

      }

Hier der Code der Div-Box:

Code:

.category_bg a:hover{
  text-decoration:none;
}

.category_bg {
  background-color:#bfbfbf;
  background-image:url(images/category_bg.jpg);
  color:#000;
  border-style:solid;
  border-color:#000;
  border-width:1px;
  width:300px;
  height:100px;
  padding:15px;
  border-radius:10px;
  opacity:0.65;
}

Wie kann ich das machen?

Danke schonmal im vorraus.

Gruß,
TorrnexT

Paul.Schramenko · 12.10.2011, 16:07

CSS ist dein Freund.... such mal nach:
float
clear

tr0y · 12.10.2011, 16:07

http://matthewjamestaylor.com/blog/f...xes-css-layout

TorrnexT · 12.10.2011, 16:20

Okay habe es jetzt so gemacht:

Code:

.category_bg {
  background-color:#bfbfbf;
  background-image:url(images/category_bg.jpg);
  color:#000;
  border-style:solid;
  border-color:#000;
  border-width:1px;
  width:300px;
  height:100px;
  padding:15px;
  border-radius:10px;
  opacity:0.65;
  float:left;
  clear:none;
}

Es wird jetzt auch nebeneinander angezeigt, jedoch wird die DIV-Box jetzt unabhängig von dem base div angezeigt (dem Div, auf dem der Inhalt der Seite angezeigt wird).

Code:

.base {
	margin:auto;
	width:1000px;
	text-align:left;
	background:#e4e4e4;
	position:relative;
	top:100px;
	font-size:12px;
	padding:10px;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-color:#555;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}

Paul.Schramenko · 12.10.2011, 16:37

Nein.
Das float gibt an, das das Element aus dem normalen Textfluss rauskommt. Clear:none an der Stelle ist absolut unnötig.
Es sollte unter den Boxen die nebeneinander angezeigt werden, eine weitere leere Box plaziert werden, die einfach den normalen Fluss wieder herstellt (clear:left/right/both; )

TorrnexT · 12.10.2011, 16:41

Cool danke habe es hinbekommen!

nikosch · 12.10.2011, 17:03

Diese Frage hat NULL mit PHP zu tun. Bitte Forenstruktur beachten!

[MOD: verschoben]

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Wieso While Schleife endlos?	JackSparrow	PHP Einsteiger	8	02.02.2011 22:33
while schleife in form	kyle2010	PHP Tipps 2010	3	19.04.2010 18:14
while in while schleife	patrick146	PHP Tipps 2010	13	08.02.2010 16:41
Kein Formular in while Schleife?	dave303	PHP Tipps 2009	15	29.12.2009 15:06
[Erledigt] while schleife: nur jede zweite ausgabe anzeigen?	Moe LaRoqua	PHP Tipps 2009	10	04.08.2009 03:08
Problem mit Db+Bild in der while Schleife	Janika	PHP Tipps 2008	10	17.09.2008 20:39
While schleife -> letzter durchgang	Skazi	PHP Tipps 2006	7	16.09.2006 00:11
mysql_query verschmelzen zweier abfragen (while schleife)	Buschdieb	PHP Tipps 2006	10	15.07.2006 17:11
[Erledigt] While schleife in while schleife = nur ein datensatz?!		PHP Tipps 2005-2	9	28.10.2005 12:48
while schleife in einer while schleife beim tmpl-sys		PHP Tipps 2005-2	0	27.07.2005 15:07
While Schleife	Beatbox	Off-Topic Diskussionen	8	19.05.2005 21:55
while schleife beenden		PHP Tipps 2005	3	29.03.2005 20:35
IF ELSEIF ELSEIF ELSE mit While Schleife		PHP Tipps 2005	9	04.03.2005 23:27
Variabel aus while schleife ausserhalb der schleife nutzen		PHP Tipps 2005	8	12.02.2005 18:04
resultausgabe mit while schleife in pdf dokument		PHP Tipps 2004	2	23.09.2004 14:56

12.10.2011, 16:03
TorrnexT Benutzer Registriert seit: 23.04.2011 Beiträge: 71 PHP-Kenntnisse: Anfänger	Div aus While-Schleife nebeneinander anzeigen Hallo, in einer While schleife (die etwas aus einer MySQL-DB ausließt), öffne ich eine div-box. Diese wird auch so angezeigt, wie ich möchte, jedoch werden die Boxen nicht nebeneinander (so wie ich das will) angezeigt, bis ein Zeilenumbruch erzwungen wird, da die Seite zuende ist, sondern immer untereinander. Also so: \|\|\|\|\| <- Das ist sagen wir mal eine Div Box Momentan wird es so angezeigt: \|\|\|\|\| \|\|\|\|\| Aber ich möchte das es so angezeigt wird: \|\|\|\|\| \|\|\|\|\| PHP-Code: echo "<div style=\"text-align:right\"><a href=\"create_auctions/tbl_new_auction.php\">Neue Auktion erstellen</a></div><br/>"; $ergebnis = mysql_query("SELECT * FROM `tbl` WHERE `status` = '1' ORDER by title ASC") or die(mysql_error()); while($row = mysql_fetch_object($ergebnis)) { $category_id = $row->id; echo "<div class=\"category_bg\">"; echo "<a href=\"tbl_home_undercats.php?id=".$category_id."\">"; echo "<img src=\"".$row->picture."\" style=\"height:100px; margin-right:5px; margin-bottom:5px;\" align=\"left\">"; echo "<b>".$row->title."</b><br/><br/>"; echo $row->description; echo "</a>"; echo "</div>"; } Hier der Code der Div-Box: Code: .category_bg a:hover{ text-decoration:none; } .category_bg { background-color:#bfbfbf; background-image:url(images/category_bg.jpg); color:#000; border-style:solid; border-color:#000; border-width:1px; width:300px; height:100px; padding:15px; border-radius:10px; opacity:0.65; } Wie kann ich das machen? Danke schonmal im vorraus. Gruß, TorrnexT


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.10.2011, 16:07
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	CSS ist dein Freund.... such mal nach: float clear __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen...

12.10.2011, 16:07
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	http://matthewjamestaylor.com/blog/f...xes-css-layout __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

12.10.2011, 16:37
Paul.Schramenko Erfahrener Benutzer Registriert seit: 15.04.2010 Beiträge: 813 PHP-Kenntnisse: Fortgeschritten	Nein. Das float gibt an, das das Element aus dem normalen Textfluss rauskommt. Clear:none an der Stelle ist absolut unnötig. Es sollte unter den Boxen die nebeneinander angezeigt werden, eine weitere leere Box plaziert werden, die einfach den normalen Fluss wieder herstellt (clear:left/right/both; ) __________________ "My software never has bugs, it just develops random features." "Real programmers don't comment. If it was hard to write, it should be hard to understand!" Positive Bewertungen sind nicht unwillkommen...

12.10.2011, 16:41
TorrnexT Benutzer Registriert seit: 23.04.2011 Beiträge: 71 PHP-Kenntnisse: Anfänger	Cool danke habe es hinbekommen!

12.10.2011, 17:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Diese Frage hat NULL mit PHP zu tun. Bitte Forenstruktur beachten! [MOD: verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --