• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Bilder nebeneinander in Code einpflegen

IamSnasty

Neues Mitglied
Hallo,

ich wollte mal Fragen ob mir vlt jemand helfen könnte.

Und zwar geht es darum das hier bei Referenzen die Bilder untereinander sind ich aber gerne immer 2 Stück nebeneinander hätte so wie hier.

Grundsätzlich habe ich das hier in die index.html eingearbeitet:
<div id="referenzen">
<div id="ref1">
<img src="/img/ref1.png" alt="Referenz 1">
</div>
<div id="ref2">
<img src="/img/ref2.png" alt="Referenz 2">
</div>
</div>

und das hier muss doch noch in die style.css:
#referenzen {
width:1920px;
height:540px;
background:black;
}
#ref1 {
float:left;
width:960px;
height:540px;
background:blue;
}
#ref2 {
float:right;
width:960px;
height:540px;
background:red;
}
 
Werbung:
Hallo

In deinem Beispiel sind doch die beiden Bilder nebeneinander. Was stört dich daran?

Insgesamt solltest du auf Höhenangaben (height, min-height, max-height) verzichen. Breitenangaben sollten nur gesetzt werden, wenn sie auch nötig sind. Die Größe von Containern sollte grundsätzlich von ihrem Inhalt bestimmt werden.

Auf überflüssige Container sollte verzichtet werden.

Gruss

MrMurphy
 
OKey, mhh kenne mich mit der Materie leider noch nicht so aus.

Ja ich will ja das das ganze auf der Hauptseite so dargestellt wird wie im Beispiel.
 
Werbung:
Hallo

Ich sehe nicht wie wir dir helfen können.

In dem Beispiel sind die Bilder nebeneinander angeordnet. Die Hauptseite kennen wir nicht.

Oder zeigt dein erster Link zu der Hauptseite? Dort sind keine zwei Bilder wie in deinem zweiten Beispiel zu sehen. Oder meinst du das Bild und das iFrame mit der Google-Karte?

Gruss

MrMurphy
 
Zuletzt bearbeitet:
Auf der Hauptseite bei Referenzen sind auch 2 Bilder und die sollen in der 1920x540 sein und davon immer 2 nebeneinander. Und jetzt im Moment sind sie ja so klein.
 
Werbung:
Werbung:
Ja genau, deswegen habe ich mich hier angemeldet um nach Hilfe zu fragen.

Allerdings bis jetzt noch nicht weitergekommen.
 
Werbung:
Zurück
Oben