automatische Skalierung von Bildern
- Thomas Hunziker
-
- Offline
- Administrator
-
1 Jahr 7 Monate her - 1 Jahr 7 Monate her #5402
von Renate
Renate antwortete auf automatische Skalierung von Bildern
Sind das nicht eigentlich 2 URLs?
Wenn ich mit der Maus drüber fahre wird alles aktiv - ist das richtig?
Wenn ich mit der Maus drüber fahre wird alles aktiv - ist das richtig?
Letzte Änderung: 1 Jahr 7 Monate her von Renate.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Holger Moskopp
- Offline
- Neues Mitglied
-
1 Jahr 7 Monate her #5404
von Holger Moskopp
Holger Moskopp antwortete auf automatische Skalierung von Bildern
Hallo Renate, Hallo Thomas.
Ja, der lange Link wird nicht umgebrochen. Ich habe jetzt den Link hinter einen Kurzen Beschreibungstext gelegt.
Danke - Das sah schon besser aus. das margin hat aber immer noch dazwischen gefunkt.
Mit den Bildern habe ich eine Lösung gefunden. Ich brauche den margin für Einzelbilder wenn Text vorbeifließt.
Sonst klebt der text direkt am Bild.
Wenn zwei Bilder in einer Reihe sind, ist der aber in zerreißt es aber in der mobilen ansicht die Gliederung.
Dehalb ich habe nun zwei Klassen, bzw vier Klassen:
Jetzt wird es sowohl in der Desktopansicht als auch in der mobilen Ansicht schön strukturiert angezeigt.
Nur bei drei Bildern in einer Reihe hab ich ein Problem.
Da habe ich dem seitlichen margin auch weggemacht, aber jetzt sind die Bilder aneinander geklebt.
Sieht nicht schön aus.
Wie könnte ich das schöner machen?
Ja, der lange Link wird nicht umgebrochen. Ich habe jetzt den Link hinter einen Kurzen Beschreibungstext gelegt.
Danke - Das sah schon besser aus. das margin hat aber immer noch dazwischen gefunkt.
Mit den Bildern habe ich eine Lösung gefunden. Ich brauche den margin für Einzelbilder wenn Text vorbeifließt.
Sonst klebt der text direkt am Bild.
Wenn zwei Bilder in einer Reihe sind, ist der aber in zerreißt es aber in der mobilen ansicht die Gliederung.
Dehalb ich habe nun zwei Klassen, bzw vier Klassen:
Code:
/* ----- Ein Bild rechts oder links mit Margin für Text-----*/
/* Bild links - Text rechts 47% */
.bildcontainer_rechts47 {
float:right;
width: 47%;
height: 47%;
margin: 0px 0px 20px 20px;
}
/* Bild rechts - Text Links 47% */
.bildcontainer_links47 {
float:left;
width: 47%;
height: 47%;
margin: 0px 20px 20px 0px;
}
/* --------Zwei Bilder in einer Reihe OHNE TEXT---------*/
/* Bild links - KEIN TEXT 49% */
.bildcontainer_rechts49 {
float:right;
width: 49%;
height: 49%;
margin: 0px 0px 20px 0px;
}
/* Bild rechts - KEIN TEXT 49% */
.bildcontainer_links49 {
float:left;
width: 49%;
height: 49%;
margin: 0px 0px 20px 0px;
}
Jetzt wird es sowohl in der Desktopansicht als auch in der mobilen Ansicht schön strukturiert angezeigt.
Nur bei drei Bildern in einer Reihe hab ich ein Problem.
Da habe ich dem seitlichen margin auch weggemacht, aber jetzt sind die Bilder aneinander geklebt.
Sieht nicht schön aus.
Code:
/* drei Bilder in einer Reihe*/
.bildcontainer_3inarow {
float:left;
width: 33%;
height: 33%;
margin: 0px 0px 20px 0px;
}
Wie könnte ich das schöner machen?
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
-
- Offline
- Administrator
-
- Holger Moskopp
- Offline
- Neues Mitglied
-
1 Jahr 7 Monate her - 1 Jahr 7 Monate her #5408
von Holger Moskopp
Holger Moskopp antwortete auf automatische Skalierung von Bildern
Ja, Danke - das funktioniert Prima.
Ich habe das das center alignment Div mit dieser Klasse kombiniert:
und jetzt siehts so aus - immer und überall
Ich habe das das center alignment Div mit dieser Klasse kombiniert:
Code:
/* drei Bilder in einer Reihe*/
.bildcontainer_3inarow {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 90%;
height: 90%;
}
und jetzt siehts so aus - immer und überall
Letzte Änderung: 1 Jahr 7 Monate her von Holger Moskopp.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.110 Sekunden