CSS

Beitrag von **Billy04** » 27.10.2007, 15:10

Hallo

Ich programmiere meine Seite in xhtml.

Nun habe ich ein Darstellungsproblem. Folgendes:

Ich möchte grafisch folgendes umsetzen:

[ein Bild in der Grösse 100 Breite 120 Höhe]
[1 Zeile darunter der "NAME"]
[1 Zeile darunter der "ORT"]

Das habe ich schon gemacht:

<div class="anzeige"><img src="Pfad-Bild.jpg"></div>
<div class="anzeige"><?php echo $array['NAME'];?></div>
<div class="anzeige"><?php echo $array['ORT'];?></div>

Mein Stylesheet sieht so aus:

anzeige{
width: 110px;
height: 130px;
background-color: #fff;
}

Ich möchte eben um das Bild noch ein kleiner Rahmen mit dem weissen Hintergrund. Der Name und die Ortschaft sollten zentriert unterhalb des Bildes sein.

kann mir jemand weiterhelfen?

Danke

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **marguardth** » 27.10.2007, 15:23

Ist nicht immer leicht, blind zu programmieren, aber villeicht klappt's so:

Code: Alles auswählen

<div class="anzeige bild"><img src="Pfad-Bild.jpg"></div>

und

Code: Alles auswählen

.anzeige&#123;
     width&#58; 110px;
     height&#58; 130px;
     background-color&#58; #fff;
     clear&#58;both;
     text-align&#58; center;
&#125;

.bild &#123; margin&#58; 2px; &#125;

den margin kannst du natürlich nach belieben verändern. evtl. musst du mit width und height von .anzeige etwas herum spielen.

hoffe, das bringt dich weiter!

Beitrag von **Billy04** » 27.10.2007, 16:33

Danke

Es hat einigermaassen geklappt - noch etwas feinschliff - vielen dank.

Frage: wenn ich obengenanntes je zu 6 bilder angezeigt haben möchte, kann ich dann nicht einfach in jeder spalte die anzahl in form einer limit setzen?

also so: DESC LIMIT 0, 6" - Es werden Bilder der ID 1 - 6 angezeigt.

zweite spalte: DESC LIMIT 7, 6" - Es werden Bilder mit der ID 7 - 12 angezeigt.

oder?

von **Anzeige von ABAKUS** »

Beitrag von **marguardth** » 27.10.2007, 16:50

sorry, aber mit der beschreibung verstehe ich deine frage leider nicht.

ich schau mal in die glaskugel und vermute folgendes:
du holst die daten aus ner db und willst sie dann in spalten ordnen?

ich würde in dem fall alles mit einem db-request rausholen, das du für die aktiell angezeigte seite brauchst und dann per php in ner kurzen schleife verteilen.

verwenden kannst du das genannte css. in dem falls musst du die drei übereinander liegenden divs allerdings jeweils noch mit einem weiteren div umfassen und diese umfassenden divs dann z.b. mit floats nebeneinander legen. das clear:both gehört dann auch nicht unbedingt in .anzeige.

wenn du ausführliche infos über floats brauchst, "google" mal nach css float und/oder box model. du solltest eine ganze menge tutorials finden, die dir die wissenschaft des tabellenlosen nebeneinander platzieren von seiteninhalten ausführlich und mit code-beispielen erkären. wenn der inhalt, den du durch die divs platzieren willst einen tabellarischen charakter hast, darfst du übrigens auch ohne schlechtes gewissen eine table einsetzen ...

Beitrag von **Billy04** » 27.10.2007, 17:03

danke marguardth und entschuldige die verwirrung.

ich möchte die obengenannten bilder mit den beiden texten name und ort jeweils 6 mal untereinander angezeigt haben. das klappt bereits wunderbar. nun möchte ich dies jedoch 6 mal nebeneinander nochmals also in spalten.

hierzu habe ich folgende div angelegt im css:

.spaltenklein{
width: 100px;
float: left;
padding: 0px 15px;

ich habe diese 6 bilder mit text aus der db rausgeholt und anzeigen lassen.

$query=mysql_query("SELECT ID, NAME, ORT FROM PROFIL ORDER BY ID DESC LIMIT 0, 6");

das ganze teil habe ich in eine content DIV verpackt. dann habe ich dasselbe nochmals hineingeschriben und nochmals und nochmals etc. bis ich sechs spalten à 6 Bilder untereinander habe.

Alles klappt wunderbar NUR wollte ich nun in der ersten Spalte Bild 1 - 6 in der zweiten Bild 7 - 12 etc. angezeigt haben. und dies habe ich mittels LIMIT versuchen wollen - es klappt aber nicht.

Setze ich bei allen LIMIT 0, 6 werden alle Spalten mit den Bilder 1 - 6 angezeigt. Verändere ich die LIMIT in irgendeiner Spalte wird diese nicht mehr angezeigt.

Was mache ich denn falsch?

Beitrag von **marguardth** » 27.10.2007, 17:13

gern geschehen!

zu mysql fragst du besser nicht mich!
wie gesagt, ich würde alles auf einmal aus der db holen und dann per php verteilen, aber dass ist nicht der weisheit letzter schluss.

vielleicht findet sich aber noch jemand, der die frage beantworten kann. die chanze erhöht sich aber gewalltig, wenn du den teil deines codes postest.

good luck!