Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

CSS

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
Billy04
PostRank 5
PostRank 5
Beiträge: 258
Registriert: 11.05.2005, 08:31

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

Anzeige von ABAKUS

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

marguardth
PostRank 3
PostRank 3
Beiträge: 96
Registriert: 27.10.2007, 12:27
Wohnort: Tübingen

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!

Billy04
PostRank 5
PostRank 5
Beiträge: 258
Registriert: 11.05.2005, 08:31

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?