Anzeige

Ausrichtung Bild innerhalb Tabelle

Ausrichtung Bild innerhalb Tabelle | PSD-Tutorials.de

Erstellt von Niobe, 02.01.2010.

  1. Niobe

    Niobe Aktives Mitglied

    Dabei seit:
    13.01.2008
    Beiträge:
    536
    Geschlecht:
    weiblich
    Ort:
    cross border
    Software:
    CC, OS X 10.x
    Kameratyp:
    Canon
    Ausrichtung Bild innerhalb Tabelle
    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.
    [​IMG]

    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:
    HTML:
    1.  
    2. <!-- tabelle mit 4 spalten -->
    3.                 <table summary="Unser A-Wurf Vovember 2009">
    4.  
    5.                 <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.                  
    6.                 </p>
    7.  
    8.  
    9. <!-- hier spaltenüberschrift -->
    10.                 <tr>
    11.                       <th scope="col">Anklicken für Detailaufnahme</th>
    12.                       <th scope="col">Name, Geschecht</th>
    13.                       <th scope="col">Farbe</th>
    14.                     <th scope="col">Status</th>
    15.                  </tr>
    16.  
    17. <!-- ab hier spalten inhalt -->
    18.                
    19.                 <tr>
    20.                     <td><img src="_images/alina_img_1050-1_252x252.jpg" alt="alina" width="100" height="100"/></td>
    21.                       <td>Alina (w)</td>
    22.                       <td>blau</td>
    23.                     <th scope="col">frei</th>
    24.                  </tr>
    25.                
    26.                 <tr>
    27.                     <td>Bild </td>
    28.                       <td>Arabella (w)</td>
    29.                       <td>blau</td>
    30.                     <th scope="col">frei</th>
    31.                  </tr>
    32.                
    33.                 <tr>
    34.                     <td><img src="_images/alfi_img_1029-2_252x252.jpg" alt="alfino - genannt Alfi" width="150" height="150" class="float-center" /></td>
    35.                       <td>Alfino (m)</td>
    36.                       <td>blau</td>
    37.                     <th scope="col">frei</th>
    38.                  </tr>
    39.    
    40.  
    41.                 </table>
    42. <!-- Ende der Tabelle -->
    43.             </form>
    44. <!-- Ende Form -->
    45.  
    46.  
     
    #1      
  2. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Ausrichtung Bild innerhalb Tabelle
    AW: Ausrichtung Bild innerhalb Tabelle

    wie sollen die fotos ausgerichtet werden?

    mittig? rechts links?
    HTML:
    1.  
    2.  
    3. <td style="text-align:left; vertical-align:top"><img src...></td>
    4.  

    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

    Code (Text):
    1.  
    2. td {
    3. text-align:left; vertical-align:top;
    4. }
    5.  
     
    #2      
  3. Niobe

    Niobe Aktives Mitglied

    Dabei seit:
    13.01.2008
    Beiträge:
    536
    Geschlecht:
    weiblich
    Ort:
    cross border
    Software:
    CC, OS X 10.x
    Kameratyp:
    Canon
    Ausrichtung Bild innerhalb Tabelle
    AW: Ausrichtung Bild innerhalb Tabelle

    >>> 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?
     
    Zuletzt bearbeitet: 02.01.2010
    #3      
  4. Steve1405

    Steve1405 ready

    Dabei seit:
    07.05.2007
    Beiträge:
    119
    Geschlecht:
    männlich
    Ausrichtung Bild innerhalb Tabelle
    AW: Ausrichtung Bild innerhalb Tabelle

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

    HTML:
    1. <a href="http://url.com/grossesbild.jpg" target="_blank">
    2. <img src="kleinesbild.jpg"></a>
     
    Zuletzt bearbeitet: 03.01.2010
    #4      
  5. Niobe

    Niobe Aktives Mitglied

    Dabei seit:
    13.01.2008
    Beiträge:
    536
    Geschlecht:
    weiblich
    Ort:
    cross border
    Software:
    CC, OS X 10.x
    Kameratyp:
    Canon
    Ausrichtung Bild innerhalb Tabelle
    AW: Ausrichtung Bild innerhalb Tabelle

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

    Steve1405 ready

    Dabei seit:
    07.05.2007
    Beiträge:
    119
    Geschlecht:
    männlich
    Ausrichtung Bild innerhalb Tabelle
    AW: Ausrichtung Bild innerhalb Tabelle

    Du könntest natürlich auch auf ein Script wie Lytebox 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.
     
    #6      
  7. Niobe

    Niobe Aktives Mitglied

    Dabei seit:
    13.01.2008
    Beiträge:
    536
    Geschlecht:
    weiblich
    Ort:
    cross border
    Software:
    CC, OS X 10.x
    Kameratyp:
    Canon
    Ausrichtung Bild innerhalb Tabelle
    AW: Ausrichtung Bild innerhalb Tabelle

    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.
     
    #7      
  8. Steve1405

    Steve1405 ready

    Dabei seit:
    07.05.2007
    Beiträge:
    119
    Geschlecht:
    männlich
    Ausrichtung Bild innerhalb Tabelle
    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: http://super.soft-ware.net/download.asp
     
    Zuletzt bearbeitet: 03.01.2010
    #8      
Seobility SEO Tool
x
×
×