Seite 1 von 4 1234 LetzteLetzte
Ergebnis 1 bis 10 von 34

Thema: bilder und Tabellen nebeneinander

  1. #1
    Teeny
    Registriert seit
    06.12.2004
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard bilder und Tabellen nebeneinander

    Hallo,

    ich möchte in css oder html bilder und Tabellen nebeneinander stellen.

    Die Bilder und Tabellen sollen aber nach unten ausgereichtet werden.

    Wichtig dabei ist dass ich keine festen Positionswerte eingeben darf,

    außer vielleicht der abstand.



    Z.B. so:

    ...................xxxxx
    xxxx............xxxxx
    xxxx...xxx....xxxxx
    xxxx...xxx....xxxxx 3 Bilder/Tabellen nach unten ausgerichtet und nebeneinander (die Punkte einfach wegdenken).



    Früher habe ich es mit einer Tabelle gelößt.

    Da ich aber baierefreie Seiten machen will, darf ich eine Tabelle für grafische zwecke nicht mißbrauchen.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Sieh mal, ob dir das weiterhilft.
    Für die Anordnung untereinander setze im ersten Beispiel nach jedem Bild ein "
    oder schreibe den img src in einen Absatz.
    In den anderen Beispielen lass die float-Angabe weg.
    Positionierung dann über margin vornehmen.

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    06.12.2004
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo,
    danke erst mal.
    Ich habe Jetzt eine Tabelle und zwei kleine Bilder nebeneinander. Die Bilder sind kleiner als die Tabelle und hängen deshalb in der Luft.
    Ich möchte dass die Bilder rechts neben der Tabelle stehen und zwar auf der gleichen Grundlinie wo auch die Tabelle steht.
    Code:
    <table width="200" border="1" style="float&#58;left">
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    </table>
    <div>
    [img]bild1.gif[/img][img]bild2.gif[/img]
    </div>

  4. #4
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    taotao,

    würde ich wenn dann mit zwei containern nebeneinander lösen.
    In Container1 die Bilder anordnen und in
    Container2 die Tabelle. Entweder alles CCS oder alles mit Tabelle.
    Die schnellste Lösung:
    Code:
    <table border>
      <tr>
        <td>Inhalt der ersten Zelle</td>
        <td rowspan=3>Inhalt der Bilder - Zelle neben der Tabelle</td>
      </tr>
      <tr>
        <td>Inhalt der zweiten Zelle </td>
      </tr>
      <tr >
        <td>Inhalt der dritten Zelle </td>
      </tr>
    </table>
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    06.12.2004
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo yeti66,
    ich hatte ja geschrieben dass ich wegen barrierefreier Seiten (Srcreenreader)
    keine Tabellen für diese Aufgaben mißbrauchen kann.
    Geht es nicht auch ohne Tabelle?

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    CSS bedeutet ja nicht, dass deshalb Tabellen verboten sind.
    Wenn es für eine strukturierte Anordnung sinnvoll ist, dann können durchaus auch Tabellen eingesetzt werden.

    Das Problem bei deiner Konstruktion ist folgendes: Du weißt nicht, wie hoch deine Tabelle wird. Das ist abhängig vom Inhalt. Oder du definierst eine bestimmte Höhe.
    Wenn die Bilder nun eine geringere Höhe als die Tabelle haben, musst du sie als Blockelement definieren und ihnen dann einen individuellen margin-top-Wert, abhängig von der Tabellenhöhe geben.

    Da hier somit zu viele Variablen mitspielen, kann ein Tabellencode durchaus sinnvoll sein.

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    06.12.2004
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von sejuma
    CSS bedeutet ja nicht, dass deshalb Tabellen verboten sind.
    Das hatte ich auch nicht erwähnt.
    Ich erstelle aus Exceltabellen per vba-code dynamisch html-tabellen(mit css).
    Ich kann keine html-Tabellen für grafische zwecke mißbrauchen, da ich barrierefreie Tabellen erstellen will.
    Diese sollen per Screenreader ausgelesen werden und dann dürfen da auch keine Bilder in Zellen sein. Das alles soll dynamisch bleiben, deshalb will ich nicht so mit festen Werten arbeiten.

  8. #8
    Forum Guru Avatar von The User
    Registriert seit
    28.10.2007
    Ort
    Zwischen Pazifik und Atlantik...
    Beiträge
    4.044
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich glaub, wenn du die Tabelle in ein nicht Blockelementpackst, dürftes auch gehen.

  9. #9
    Teeny
    Themenstarter

    Registriert seit
    06.12.2004
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von The User
    Ich glaub, wenn du die Tabelle in ein nicht Blockelementpackst, dürftes auch gehen.
    Was meinst du in ein nicht blockelement?
    So sieht der Code jetzt aus und die Tabelle ist nirgendwo drinne.
    Code:
    <table width="200" border="1" style="float&#58;left"> 
    <tr> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    </tr> 
    </table> 
    <div> 
    [img]bild1.gif[/img][img]bild2.gif[/img] 
    </div>

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Blockelemente stehen untereinander, falls sie nicht gefloatet sind. Inline-Elemente nebeneinander in einer Zeile. Somit war die Idee von "The User" richtig.

    So müsste es klappen (zumindest im IE7):
    Code:
    <table width="200" border="1" style="display&#58; inline;"> 
    <tr> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    </tr> 
    </table> 
    
    [img]bild1.gif[/img][img]bild2.gif[/img]

Ähnliche Themen

  1. mehrere bilder nebeneinander auf hp
    Von Matze Reim Fan im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 5
    Letzter Beitrag: 30.12.2007, 12:47
  2. Zwei Tabellen nebeneinander
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 08.03.2006, 18:22
  3. bilder nebeneinander
    Von joy im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 10.08.2005, 21:23
  4. 2 Tabellen nebeneinander
    Von mh:design im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.02.2005, 23:32
  5. Tabellen nebeneinander
    Von Foulfang im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 08.05.2004, 22:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •