Hallo ihr Lieben,

dies ist mein erster Eintrag hier. Ja doch, bin schon ein bissel aufgeregt

Zu meiner Fage:
Also ich möchte eine Bildergalerie mit CSS machen, ohne Frames und Tabellen. Dabei soll jeweils unter den Bildern ein Text stehen, quasi als Legende, die sich unterhalb befindet. Funktioniert das?

Okay, mit dieser Frage unterstreiche ich was für ein Anfänger ich noch bin.

Ich habs bissel anders gemacht - in meiner Galerie steht der Text über dem Bild. Das Bild wird via CSS background eingebunden, so kann man es prima vertikal/horizontal zentrieren in einem DIV

Schau mal (aber nicht rot werden): http://www.ballettmodel-eva.de/galerie/

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

@Adagio - sehr sexy finde ich echt ne gute lösung!

hier noch n'weiteres beispiel, sogar mit Hover effekt
http://www.brockenhauser.ch/angebote.cfm

@Adagio
Ich schließe mich FlashJunior voll und ganz an. Sexy hoch drei. Deine Idee ist spitze, doch noch nicht ganz das, was ich suche.

Ja das gefällt mir. Das ist genau das, wonach ich die ganze Zeit suchte.
Nur wie wurde das gemacht? Wie sieht z.B. der CSS-Befehl dazu aus?

Also die ausgabe ist mit ColdFusion (Dynamisch aus Datenbank).

der code ist zimlich easy.. hier ein beispiel

im html:
<div class="angebotlistklein">
<a href="angebote.cfm?detail=7">
[img]test.jpg[/img]

Kuckucksuhr
</a>
</div>

im CSS:
.angebotlistklein{
float: left;
text-align: center;
width: 136px;
height:112px;
font-size: 12px;
padding-right: 40px;
padding-bottom: 30px;
}

.angebotlistklein img{
border:none;
width: 125px;
height: 100px;
margin:6px 0px 6px 0px;
}

.angebotlistklein a{
display: block;
background: url("hintergrundbild_normal.jpg") no-repeat;
text-decoration: none;
color: #333;
}
.angebotlistklein a:hover{
background: url("hintergrundbild_hover.jpg") no-repeat;
}

Also im IE sieht das top aus, aber leider nicht in den anderen Browsern.

Nämlich folgendes Problem:

Float:left lässt die Bilder in der Galerie ja nebeneinander auflisten. So soll es auch sein. doch diese Bilder befinden sich in einem Container, der sich der Inhaltslänge anpasst. Und mit float:left wird dies umgangen, die Größe passt sich nicht mehr an.

Daher ist float:left nicht der richtig Weg? Kann man das auch anders umgehen?

wenn es aus einer DB kommt, kannst Du doch alle x Ausgaben ein clear:left machen und dann neu floaten.

Ähm, du das hab ich jetzt nicht verstanden.

Was meinst du denn z.B. mit DB? Die Deutsche Bahn ist das ja net.

DB = Datenbank

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic