Bild/Text ausrichten!

[unix]

Hallo, ich bin so ziemlich fertig mit unsere Band Homepage,
www.thepatients.de.vu .

Nun habe ich folgendes Problem unter dem Verzeichnis "Band"
Ich wolte machen das ich oben die Namen der Bandmitglieger hineinschreiben und Sie mit einem Anker zu den "Steckbriefen" von uns verlinke. Das wäre alles kein Problem.

Ich habe nur keine Ahnung wie ich am besten Das Bild von jedem auf die Seitenhöhe des Bottom bekomme und rechts daneben einen Text der max. bis zum ende des Bottom gehen sollte.

Ich hab schon viel gegoogelt aber nur Bruchstücke gefunden die mir nur zum teil halfen. Ich habe es mit tabbellen versucht über paddign und marigan... Wie gehts am besten?

hab hier mal ne Skizze gemacht, zum besseren verständnis.
http://img.photobucket.com/albums/v204/tacticalhuGam/Unbenannt-6.jpg

Grüße, unix

[afra]

Hallo unix!

www.thepatients.de.vu .

Das ist die Webseite. Das obere ist nur ein Textstring, der auch noch ein framest anzeigen wuerde, wenn ich ihn in die Adressleiste meines Browser kopiere.

http://img.photobucket.com/albums/v204/tacticalhuGam/Unbenannt-6.jpg

Wieder so ein Textstring. Meinst Du die Skizze hinter diesem Link?

Da wuerde ich innerhalb eines Containers links das Bild floaten lassen und rechts den Text in einem Blockelement mittels margin-left ausrichten. Das Floating nach jedem Container wieder aufloesen und dem Container eine eindeutige ID zum Anspingen mittels eines Ankers geben.

Schönen Gruß

Afra

[unix]

Hi, ich hab jetzt mal in CSS die position für das Bild und den text angegeben.

#pic {
 clear: both;
 width: 778px;
 height: 182px;
 margin: 0 auto;
 padding: 0 0;
 background:url(images/picture.png) no-repeat;

}

#textfield1 {
 clear:both;
 position:relative;
 width: 778px;
 margin: 0 auto;
 padding: 20px 0;
 color:#cccccc;

auf dem PC also local läuft alles super. Nur wenn ichs auf mein Webspace packe dann wird das Bild nicht angezeit und der text steht nicht an der position wo er sollte. Eingefügt hab ichs mit
<div id="">. Was ist falsch?

Grüße unix

[afra]

Hallo unix!

Meine Glaskugel sagt mir, dass ich ohne relevanten Code oder einen Link wo man sich das betrachten kann nichts. Und auf der oben genannten Seite sah ich es nicht.

Schönen Gruß

Afra

[unix]

Hallo Afra!

Jo, ich habs rausgenommen. Ich upp es nochmal aber viel wirst nicht sehn. Denk ich mal.

Das Problem ist unter dem Verzeichnis Band. Wäre super wenn du mir sagen könntest an was es liegt.

Grüße, unix

[afra]

Hallo unix!

Du hast in Deinem Code eine Menge nicht geschlossener span tags.

Bau sowas auf:

<div class="mitglied" id="hans">
 <img src="">
 <p>Text</p>
</div>
<div class="mitglied" id="karl">
 <img src="">
 <p>Text</p>
</div>

Das Image lässt Du links floaten, dem Text gibst Du ein ausreichendes margin-left und zu den Containern kannst Du springen indem Du mittels eines Ankers an #karl etc springst. Die Container selbst brauchen noch eine Höhenangabe (min-height für Browser oder height für den IE) Und das Floating kannst Du von den Containern auch brechen lassen.

Schönen Gruß

Afra

[afra]

Hallo!

<div class="mitglied" id="hans">
<img src="">
<p>Text</p>
</div>
<div class="mitglied" id="karl">
<img src="">
<p>Text</p>
</div>

Ne andere Möglichkeit wäre eine Definitionlist. Die kannst DU genauso wie die Divisions verwenden.

Schönen Gruß

Afra

[unix]

Ne andere Möglichkeit wäre eine Definitionlist. Die kannst DU genauso wie die Divisions verwenden.

Stimmt, daran hab ich selbst nicht gedacht! Vielen Dank!!

Grüße unix