Ausrichtung Bild innerhalb Tabelle

[Niobe]

Hallo Leut's,

ich möchte innerhalb einer Tabelle einige Fotos stellen. Klingt recht einfach, bereitet mir allerdings Schwierigkeiten mit der Ausrichtung... und sieht im Moment so aus, was mir nicht sonderlich gefällt und ich gerne ändern möchte. U.a. soll das Bild beim anklicken vergrößert werden. Ich dachte an JQuery, bin mir allerdings nicht sicher, ob das hier mit eingebunden werden kann.


SELFHTML habe ich zwar schon durch geforscht, bin sicher dass die Lösung da drin zu finden ist, habe leider nicht das passende gefunden.

Hat jemand Tipps wie ich das machen kann. Der "Code Schnipsel" sieht so aus:

<!-- tabelle mit 4 spalten -->
                <table summary="Unser A-Wurf Vovember 2009">

                <p>Am 19.11.2009 <img src="_images/alina_img_1050-1_252x252.jpg" alt="Alina" width="100" height="100" border="0" class="float-right" /> hat unser Chartreux Katzenmädchen, Gusti vom Wiedelsberg, 3 süße blaue kleine Fellpopos auf die Welt gebracht.                  
                </p>


<!-- hier spaltenüberschrift -->
                <tr>
                      <th scope="col">Anklicken für Detailaufnahme</th>
                      <th scope="col">Name, Geschecht</th>
                      <th scope="col">Farbe</th>
                    <th scope="col">Status</th>
                 </tr>

<!-- ab hier spalten inhalt -->
                
                <tr>
                    <td><img src="_images/alina_img_1050-1_252x252.jpg" alt="alina" width="100" height="100"/></td>
                      <td>Alina (w)</td>
                      <td>blau</td>
                    <th scope="col">frei</th>
                 </tr>
                
                <tr>
                    <td>Bild </td>
                      <td>Arabella (w)</td>
                      <td>blau</td>
                    <th scope="col">frei</th>
                 </tr>
                
                <tr>
                    <td><img src="_images/alfi_img_1029-2_252x252.jpg" alt="alfino - genannt Alfi" width="150" height="150" class="float-center" /></td>
                      <td>Alfino (m)</td>
                      <td>blau</td>
                    <th scope="col">frei</th>
                 </tr>
    

                </table>
<!-- Ende der Tabelle -->
            </form>
<!-- Ende Form -->

 

[Herr_D]

AW: Ausrichtung Bild innerhalb Tabelle

wie sollen die fotos ausgerichtet werden?

mittig? rechts links?

<td style="text-align:left; vertical-align:top"><img src...></td>

Werte wären: text-align: right, left, center für horizontale Ausrichtung
vertical-align:top (oben) middle (mittig) bottom (unten) für vertikale Ausrichtung



wenn alle td die gleiche ausrichtung haben oben in den Head bzw. in die externe css

td {
text-align:left; vertical-align:top;
}

 

[Niobe]

AW: Ausrichtung Bild innerhalb Tabelle

wie sollen die fotos ausgerichtet werden?

mittig? rechts links?

<td style="text-align:left; vertical-align:top"><img src...></td>

Werte wären: text-align: right, left, center für horizontale Ausrichtung
vertical-align:top (oben) middle (mittig) bottom (unten) für vertikale Ausrichtung


wenn alle td die gleiche ausrichtung haben oben in den Head bzw. in die externe css

td {
text-align:left; vertical-align:top;
}

>>> oh, habe ich vergessen anzugeben, Ausrichtung soll mittig sein. Ich werde versuchen das zu ändern - hab ich gemacht und funktioniert - Danke!
mmh, ich werde mir das wohl papiermäßig ausdrucken, denn das ist sicher nicht das letztemal, dass ich damit Schwierigkeiten habe... auch die Bemerkung in der Fusszeile - Danke dir vielmals, hat mir geholfen!

>>> noch 'n edit: wie kann ich das machen, dass wenn das Foto angeklickt, die Vergrößerung in einem neuen Fenster dargestellt wird?

 

[Steve1405]

AW: Ausrichtung Bild innerhalb Tabelle

Einfach einen Link mit Bild erstellen und auf das große Bild verlinken.

<a href="http://url.com/grossesbild.jpg" target="_blank">
<img src="kleinesbild.jpg"></a>

 

[Niobe]

AW: Ausrichtung Bild innerhalb Tabelle

Einfach einen Link mit Bild erstellen und auf das große Bild verlinken.

<a href="http://url.com/grossesbild.jpg" target="_blank">
<img src="kleinesbild.jpg"></a>

Danke für deine späte/frühe Antwort. Deinen Vorschlag werde ich einbinden und schauen wie es ankommt.
Gruss

 

[Steve1405]

AW: Ausrichtung Bild innerhalb Tabelle

Du könntest natürlich auch auf ein Script wie zurückgreifen. Würde optisch natürlich mehr hermachen.

Allerdings könnte es da halt Probleme mit alten Browsern/deaktiviertem Javascript geben. Das von mir vorgeschlagene Script umgeht das Problem meines Wissens aber, indem es die Bilder bei alten Browsern/deaktiviertem Javascript so anzeigt, wie ich es oben zuerst vorgeschlagen habe.

 

[Niobe]

AW: Ausrichtung Bild innerhalb Tabelle

Du könntest natürlich auch auf ein Script wie zurückgreifen. Würde optisch natürlich mehr hermachen.

Allerdings könnte es da halt Probleme mit alten Browsern/deaktiviertem Javascript geben. Das von mir vorgeschlagene Script umgeht das Problem meines Wissens aber, indem es die Bilder bei alten Browsern/deaktiviertem Javascript so anzeigt, wie ich es oben zuerst vorgeschlagen habe.

mmh, das gefällt mir und ich traue es mir auch zu in den Code einzubinden. Mal sehen, ob ich das heute noch schaffen werde... ggf. melde ich bei dir.
Gruss

//edit: hast du vielleicht auch noch einen Tipp wie ich kurze Video's, ich glaube die sind im AVI Format, einbinden kann. Das ist für mich absolutes Neuland.

 

[Steve1405]

AW: Ausrichtung Bild innerhalb Tabelle

Würde ich fast über einen Videoservice wie YouTube/MyVideo oder sowas machen, weil die auf dem eigenen Space ziemlich viel Traffic verursachen.

Wenn du es dennoch von deinem eigenen Space aus anbieten willst könntest du deine Avi in eine flv-Datei umwandeln und einen OpenSource FLV-Player einbinden. Hier mal eine Auswahl: PHP Blogger: Open Source Flash Video (FLV) Player - Ein PHP Blog auf deutsch

gruß

EDIT: btw, damit könntest du deine AVIs umwandeln: