4 Sprachen: Div - Anordnung von Bilder - hängt das von der Sprache ab?

Mehr
7 Monate 3 Wochen her #4598 von Bea
ferzat.attinger.ch/index.php/de/  Hier werden 4 Sprachen entstehen. Habe mühevoll, mit dem was ich im Internet gefunden habe, die 4 Bilder angeordnet. 

a) Warum ist bei den "normalen" Sprachen die Mittellinie breiter als die waagrechte Linie? Und warum ist, trotz genau gleichem Code das im Arabischen anders dargestellt? (Lininen stimmen nicht).

b) Bei D,F und E werden die Bilder auf eine Mobile schön brav untereinander angezeigt, beim Arabisch aber ist die Ausrichtung etwas gar holprig?

c) Warum werden in der Ipad-Ansicht die arabische Version mit 4 Bilder angezeigt (was ich ja ach möchte), aber die anderen Sprachen zicken dafür rum?

Habe bisher Bilder nur mit Tabellen angeordnet. Das mit diesen Divs ist schon Neuland für mich. Dass das aber so dermassen schwierig ist, hätte ich nicht erwartet. :-D Hat jemand eine Idee?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
7 Monate 3 Wochen her #4600 von Thomas Hunziker
Arabisch ist eine RTL Sprache, wird also von rechts nach links geschrieben. Damit sind auf der Seite auch ganz viele Abstände genau umgekehrt herum. Also linker Abstand auf deutsch wird rechter Abstand auf arabisch.

Du müsstest also spezifisch für RTL dein CSS noch anpassen damit es dort auch passt. Ich denke das ist mit CSS auch irgendwie möglich, da bin ich spontan aber überfragt wie das geht. Mit RTL Sprachen habe ich nie was gemacht.
Folgende Benutzer bedankten sich: Bea

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
7 Monate 3 Wochen her #4601 von Bea
Sowas habe ich befürchtet :-) Aber trotzdem: Warum wird in der Ipad-Version arabisch so schön angeordnet? Könnte man das mit einem bestimmten Code auf für die anderen Sprachen erreichen? (Ist das erste mal, dass ich etwas mit diesen Divs mache)

Und warum ist bei den normalen Sprachen eben die Mittel- und Querlinie nicht gleich? Oder bedingt das einfach eine definition mit Margin?

Werde das aber sicher auf FB Joomla gelegentlich mal posten. Evt. weiss dann dort jemand rat.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
7 Monate 3 Wochen her #4603 von Thomas Hunziker
Ich würd davon ausgehen dass es immer mit linken und rechten margins und paddings zusammenhängt.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
7 Monate 3 Wochen her #4604 von Bea
Ich habe mal im FB gefragt und diese Antwort gekriegt (also wohl nur mal für dir LTR Sprachen)
"da sind sowieso erst einmal mehrere rows verschachtelt, was zu unschönen Nebeneffekten führen kann.
Kannst Du diesem row eine eigene Klasse hinzufügen oder den span6 elementen?
Dann sollte das abhilfe schaffen:
margin-right: 0;
margin-left: 0;"

Könntest du mir bitte nicht sagen, wie ich das richtig schreiben muss? Habe das mühevoll ja im Internet zusammengelesen.

Bei der Bildausrichtung habe ich noch gesehen, dass ich da sie Sprache und Richtung wählen kann. Aber solange diese Divs wohl nicht richtig sind, macht das keinen Sinn.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
7 Monate 3 Wochen her - 7 Monate 3 Wochen her #4605 von Thomas Hunziker
Grundsätzlich würde ich das mit Bootstrap-Klassen so lösen:
<div class="bilderquartett">
<div class="row-fluid">
<div class="span6">
<img src="foo1.jpg">
</div>
<div class="span6">
<img src="foo2.jpg">
</div>
</div>
<div class="row-fluid">
<div class="span6">
<img src="foo3.jpg">
</div>
<div class="span6">
<img src="foo4.jpg">
</div>
</div>
</div>
Wobei "bilderquartett" eine eigene Klasse ist die du selber erfinden kannst. Das erlaubt dir dann einfach spezifische CSS Regeln für die DIVs und Bilder darin festzulegen.
Das "row-fluid" macht dass es bei kleineren Auflösungen untereinander rutscht, das "span6" macht dass es die Hälfte der Breite nutzt (12 wäre die volle Breite). Details hier: getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem[/code]
Letzte Änderung: 7 Monate 3 Wochen her von Thomas Hunziker.
Folgende Benutzer bedankten sich: Bea

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.197 Sekunden
Powered by Kunena Forum
   
© Bakual