Beitrags Layout

Das ist in Unkenntnis des umgebenden Systems, speziell, welches Grid-System, kaum zu beantworten. Es wäre jedenfalls das einfachste dann gleich mit dessen CSS-Klassen zu arbeiten.
Meint: Link zur Seite?

Template ?
Link ?
usw.

Zitat von Das Forenteam

Für die Fragesteller:

Gebt so viel Information bei wie möglich, bedenkt dass die Supporter nicht das sehen, was ihr vor euch seht.Helft den Supportern, indem ihr möglichst einen Link zu dem Problem postet.

Gebt alle Angaben zu Versionen, Betriebssystemen, Erweiterungen, die ihr habt

aus:

Forenregeln

Deine quälende Suche seit Stunden könnte ein Ende haben, wenn du nach dem richtigen suchst...

z.B. könnte man nach "css table responsive" suchen. Da werden sie geholfen!
Als Tipp, per css ist es ganz einfach möglich.

Ist Bootstrap 2 also geht der Grundaufbau von 2 Boxen nebneinander (1 Reihe), die standardmäßig in 2 Boxen untereinander umklappen wie folgt. Bin grad nicht sicher. Glaub ab 768 Pixel

<div class="row-fluid">


 <div class="span6">
  ------BILD---- mit 100% width
 </div>


 <div class="span6">
   ------TEXT----
 </div>


</div>

In wieweit dein Template dann noch Nacharbeit braucht, muss man sehen, wenn du irgendwo in Beitrag mal 2, 3 solche Reihen eingesetzt hast, damit man mal angucken kann..

mit

<div class="span6" style="vertical-align: middle;">xxx</div>

Nur so als genereller Tipp. Weiß ja nicht, was du für einen Background hast und öfter Seiten machst:

Weil, so wird das auf Dauer nix in responsivem Umfeld:

Arbeite mit CSS-Datei, da du sicherlich an den Punkt kommst, wo du mit MediaQueries arbeiten musst, also Anpassungen je nach Display-Größe (Auflösung).

Für dieses Anliegen:
1) Lege um den Bereich aller Reihen einen weiteren DIV, unformatiert mit eigener CSS-Klasse. z.B. allereihen
2) Auch, wenn es noch trickiger ginge, gebe den Textblöcken eine weitere CSS-Klasse und allen die selbe. z.B. textblock
3) Generell: Wenn du mit responsiven Seiten arbeitest, spar dir Inline-Styles, von denen ich viel zu viele auf der Seite sehe und mach das per CSS-Datei! Das ist der häufigste Fehler auf responsiven Seiten, dass man sich damit alles verbaut und das ganze Flickwerk wird.

Also:

<div class="allereihen"> <div class="row-fluid">  <div class="span6">   <img alt="" src="/images/praxis-empfang.jpg">  </div>  <div class="span6 textblock">   Geradeaus durch die Tür finden Sie unsere Anmeldung. Bitte sprechen Sie uns an!  </div> </div>-------WEITERE row-fluid--------</div>

.allereihen img{
 width:100%;
}
.allereihen .textblock{
 display: table-cell;
 vertical-align: middle;
}

Wäre nämlich Glück, wenn dir das vertical-align noch gefällt, wenn die Blöcke untereinander stehen. Dann musst du per CSS-Datei und MediaQueries eingreifen können und mit "normalen Padding" etc. arbeiten wollen, wobei Inline-Styles, noch dazu ohne eigene CSS-Klassen alle querschießen werden und kaum mehr ohne Riesenaufwand ansprechbar sind.

Und, wenn alle Bilder mit etwas weniger width eben doch besser aussehen, änderst du 1 Stelle in der CSS-Datei und nicht x Stellen (und noch dazu im Editor-Quelltext).

Hast nat. recht. Entschuldigung. Das kann nicht funktionieren. Das .textblock muss auch noch eine Höhe bekommen, die exakt die Höhe des Blocks daneben ist.

Das ist per CSS nur schwer zu realisieren, da sich ja die Blockhöhen auch responsiv ändern.
Da bräuchte man jetzt zusätzliches JavaScript. Eigentlich auch nicht so dramatisch, aber wird dann doch aufwendig, weil sich ja die Positionen der Blöcke ändern und dadurch doch dramatisch.
Muss ich passen. Ist mir zu viel Arbeit für einen Forumsthread.

Wären jetzt meine Empfehlungen, wenn nicht jemand anders Lösung hat:

table-cell, vertical-align wieder raus.
Oberes Padding etwas größer. Schriftgröße deutlich erhöhen. Eh Trend in solchen Fällen irgendwie. Muss ja nicht exakt Mitte sein, wenn man nicht weiß, dass es mal exakt Mitte sein sollte
Sparst dir so auch Gezeter, das table-cell, vertical-align zu überschreiben.

Oder:
Responsiven Slider verwenden, der auch Text anzeigt.

Zitat von Re:Later

Das ist per CSS nur schwer zu realisieren, da sich ja die Blockhöhen auch responsiv ändern.
Da bräuchte man jetzt zusätzliches JavaScript.

Oder display:felxbox, damit sollte es gehen.