Spalten

Hallo zusammen.

Ich habe folgendes Problem:



Ich möchte Solche Bilder ganz nah nebeneinander haben so das alles passt.

Jetzt ist von links bis rechts alles verschoben, wie mache ich das?

Dass ist der Code den ich im Content Index eingesetzt habe:

Code:

<div class="col-xs-12 col-sm-6">
    <p>
        <img alt="image1" height="417" src="http://grafiken/luxuryanthrazit.png" width="500" />
    </p>
    <p>
        &nbsp;
    </p>
</div>
<div class="col-xs-12 col-sm-6">
    <p>
        <img alt="image1" height="200" src="http://grafiken/luxury.png" width="600" /><br />
        <br />
        <img alt="image1" height="200" src="http://grafiken/luxury.png" width="600" /><br />
        &nbsp;
    </p>
</div>

 

Du musst erst mal die festen Angaben für Hohe und Breite raus nehmen, damit die Bilder nicht verzerren und Du keine Darstellungs-Probleme bei mobilen Geräten bekommst.
Dann sollten die Bilder responsive eingestellt werden.
Außerdem bindest Du die Bilder ohne SSL ein - Böser Fehler.
Das letzte Bild ist jetzt so im Code:
<img alt="image1" height="200" src="(Link nur für registrierte Nutzer sichtbar.)" width="600" />

ich würde das so schreiben:
<img alt="luxury" class="img-responsive" src="(Link nur für registrierte Nutzer sichtbar.)" />

 

das ssl wird noch gemacht daher noch ohne ssl,

es geht nicht wegen den verzerten Bildern, sondern das die nicht gleichmässig nebeneinander sind,

die verzerten bilder sind aus dem grund dass ich für alle 3 bilder ein gleichgrosses verwende und im code ist es nicht die gleiche grösse,

also deswegen ist es meine frage wie ich die alle einreihe das sie EBEN sind.

 

Wenn Du meine Schreibweise des Codes nimmst, brauchst Du später (wenn Du SSL bekommst)
nicht alle Codes überarbeiten.
die Bilder sind nicht breiter als der Bereich
Die Bildgröße passt sich dem Bildschirm an

 

hallo,

ich hbae deine codes übernommen und jetzt sieht es so aus-->



Ich möchte es aber so einfügen-->

 

Das war mit schon klar, nur muss ja erstmal der Grund richtig sein, damit man die korrekten Werte finden kann.
Das geht jetzt allerdings nicht mehr ohne link, weil man nun in die css-Codes schauen muss, wleche margin- oder padding-Werte da angepasst werden müssen.

 

wo finde ich die um es zu ändern?

 

Dein HTML enthält da relativ viel redundanten Code, der aber auch die Darstellung beeinflussen dürfte. Versuchs mal hiermit:

HTML:

<div class="col-xs-12 col-sm-6">
    <img class="img-responsive" alt="image1" src="http://grafiken/luxuryanthrazit.png" />
</div>
<div class="col-xs-12 col-sm-6">
    <img class="img-responsive" alt="image1" src="http://grafiken/luxury.png" />
    <img class="img-responsive" alt="image1" src="http://grafiken/luxury.png" />
</div>

 

jetzt siehts so aus:

 

Ok dann kommt man nicht darum herum da noch CSS hinzuzufügen. Dafür bräuchte man einen Link zum Shop, um da konkrete Aussagen machen zu können

 

das wäre ------------------- bearbeitet!!