Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Vorlage Bilder mit Fließtext
#1
Moin

Ich suche einen Fotogalerie-Block, der Texte als Fließtexte zwischen den Fotos zuläßt.
Hat jemand so einen Block schon mal gesehen?
Liebe Grüße
Heinz-Peter


Benutze aktuell:
Windows 10
NOF 2015 (ausgenofft)
Mobirise 4.12.
Firefox, Chrome, Edge
Ultra Edit
Filezilla
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Nein!
https://www.agentur28.de/MobiriseM4/Bildergalerie/
https://www.agentur28.de/MobiriseM4/Bilder-Text/
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Moin,

meinst Du so etwas wie in meinem Beispiel hier?

http://www.mobirise-tutorials.com/Lawyer...float.html

Du kannst doch eigene Bilder in jeder Größe auch in einen Textblock einarbeiten.

Dazu sollte man dann eine absolute URL zum Bild eintragen, damit es beim Publizieren mittels Mobirise keine Fehlermeldung gibt, denn Mobirise überprüft alle relativen Pfade in seiner Projekt-Datei und würde ein händisch eingefügtes Bild nicht finden sondern eben nur Bilder, die über den Mobirise-Editor eingefügt wurden.

Code:
<img src="http://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Spatz-Hinten.jpg" alt="Bildbeschreibung" title="Spatzen">

Um das Bild auf eine maximale Größe zu bringen (auch wegen der unterschiedlichen Geräte) und es links oder rechts vom Text umfließen zu lassen benutzt man die CSS-Eigenschaft "float".

Ich habe also diesem Textblock noch diese CSS-Eigenschaften für ein Bild mitgegeben, das gehört dann in den Bereich "CSS Editor" vom "Code Editor";

Code:
img {
float: right;
width: 50%;
padding: 20px;
}

Gucke auch mal hier:

https://www.w3schools.com/cssref/tryit.a...ycss_float
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Moin
Vielen Dank Euch Beiden.

Also basteln:
Klassen erstellen für float left und right
Code:
.img_right {
float: right;
width: 50%;
padding: 20px;
}

.img_left {
float: left;
width: 50%;
padding: 20px;
}

Das ist zwar nicht das was ich wollte, aber vielleicht reicht es.
Liebe Grüße
Heinz-Peter


Benutze aktuell:
Windows 10
NOF 2015 (ausgenofft)
Mobirise 4.12.
Firefox, Chrome, Edge
Ultra Edit
Filezilla
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  lizenzfreie Bilder AnnaSP 15 647 19.07.2020, 00:25
Letzter Beitrag: Kay
  Schräge Bilder? stobi_de 5 193 11.06.2020, 10:01
Letzter Beitrag: Tommy Herrmann
  Alle Bilder weg? soeren2512 3 236 05.04.2020, 16:17
Letzter Beitrag: Tommy Herrmann
  Anpassung Full Screen Bilder im Header Bereich tsickert 1 196 04.03.2020, 16:12
Letzter Beitrag: Tommy Herrmann
  KidsM4 - Bilder im Fußbereich stobi_de 15 589 26.02.2020, 08:10
Letzter Beitrag: stobi_de
  2 Bilder quasi verankern AnnaSP 11 590 05.12.2019, 09:26
Letzter Beitrag: AnnaSP
  Bilder frei platzieren Eitel 7 408 20.11.2019, 08:49
Letzter Beitrag: Eitel
  Bilder Slider untereinander Punkt 2 354 17.11.2019, 15:26
Letzter Beitrag: Punkt
  Bilder im Menü einfügen Clemens 4 400 14.11.2019, 12:56
Letzter Beitrag: Clemens
  Nur 4 Bilder ? Manuel 1 221 07.11.2019, 17:38
Letzter Beitrag: Manuel



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!