Impressum Suchfunktion

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Mobirise-Rahmen um Foto
#1
http://gaststaette-zur-sonne.de/

Moin.
Ich habe mal versucht um ein Foto einen Rahmen zu platzieren. In einer Testseite.
Mit MBR 4.2.4.
Funktioniert wunderbar.
Dann habe ich versucht in meiner bestehenden Gaststätten Seite auch einen Rahmen zu setzen.
(Das obere Bild von der Kneipe) Genauso wie ich es in der Testseite getestet habe.
Doch hier zerschießt es mir die Seite.
Ich habe jeweils den gleichen Block Text mit Image genommen.
Warum?
(Ich habe den Rahmen in der Sonnenseite wieder raus genommen.)
Was muss ich tun?
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin,

also grundsätzlich müsste man das erst einmal sehen, um dazu etwas sagen zu können. Man weiß nicht, ob Du das in die CSS oder an das Tag geschrieben hast.

Deine Gaststätten-Seite ist ja gerade noch "Mobirise v4.2.3" (und die Blocks der Gaststätten-Seite sind sogar noch aus "Version 3"), bei "Mobirise v4.2.4" können bestimmte Blocks andere IDs oder Classes haben, daher kannst Du so einen Code nicht einfach zwischen den Versionen kopieren/mischen.

Um einen Rahmen um das Bild zu setzen, kannst Du doch einfach diesen Style direkt an das "img" (Bild) Tag schreiben, also z.B. das:

Code:
<img src="assets/images/startseite-1400x931.jpg">

so ändern:

Code:
<img style="border: 5px solid red;" src="assets/images/startseite-1400x931.jpg">
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Da ich mich mit CSS und dem anderen Gedön`s auf Kriegsfuss befinde, hätte ich ganz einfach mit einem Bildbearbeitungsprogramm einen Rahmen um das Bild gelegt. Oder mach ich mir das zu einfach ?
Gruss
struggle

Beantworte nie eine nicht gestellte Frage !



Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
... ich würde mal sagen, Du machst es Dir damit um einiges schwieriger und nicht einfacher :D
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Also ich würde es mit CSS machen! Da kannst du alle Rahmen deiner Homepage ähnlich gestalten und nur die Farbe anpassen. Den CSS-Code speicherst du dir ab (mache von einer Seite mit Bild eine Kopie)! Du musst nur die Klasse des Bildes herausfinden! Das ist meistens mbr-figure:
Code:
.mbr-figure {background:#cccccc;
   padding-top:5%;
   padding-bottom:5%;
   padding-left:4%;
   padding-right:4%
}
Die Farbe machst du mit dem Hexal-Code oder einfach "grey", "blue", "orange", "white" usw. und den Rahmen mit padding!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
Das mit der Grafik umranden ist natürlich machbar.
Mir ging es aber um CSS.
Und habe das auf der Testseite so eingegeben:

Code:
.mbr-figure {
 @media (min-width: 992px) {
   padding-right: 0rem;
 }
 @media (max-width: 991px) {
   padding-bottom: 3rem;
 }
 border-style: outset;
 border-width: 5px;
 border-color: white;
}

Klappt wunderbar.
Den gleichen Code habe ich im CSS bei meiner bestehenden Seite eingefügt. Kaputt.
Das war irgendwie zuviel des guten.

Tommys Tipp probiert:  thumbs up
Martins Tipp probiert:  thumbs up
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
(11.09.2017, 11:56)Thomas Saake schrieb: Das mit der Grafik umranden ist natürlich machbar.
Mir ging es aber um CSS.
Ist doch CSS Huh
Dein CSS-Code funktioniert nicht in Mobirise 3! Huh
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
Genau das ist ja mein Problem.
In MBR 4 (Testseite) erstellt: Klappt...
Die Gaststätten Seite ist mit MBR 3 erstellt: Klappt nicht...
Darum ging's mir. Ich wusste den Grund nicht.

Deine CSS Version funktioniert ja bestens.  Smiling
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
Also bei mir zerschießt es zwar nicht die Seite, aber es passiert nichts!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#10
Bei mir geht es jetzt:
PHP-Code:
.mbr-figure img {border-styleoutset;border-width10px;} 
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#11
http://www.zaschaller-plauen.de/bild.html
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#12
thumbs up
So hab ich das jetzt auch.
Macht ein bisschen mehr her als das nackte Foto
Gruß
Thomas

Mobirise 4.4.1 + Code Editor
Corel X8, PSE 14, jAlbum
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#13
Warum das vorher nicht ging weiß der Fuchs!
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Grafik oder Foto als Hintergrund über die ganze Seite Thomas Saake 6 101 Vor 2 Stunden
Letzter Beitrag: Tommy Herrmann
  Mobirise 4 Tommy Herrmann 103 3.850 Gestern, 10:48
Letzter Beitrag: Tommy Herrmann
  Mobirise-Tables Sortierfunktion entfernen Thomas Saake 28 402 14.11.2017, 20:55
Letzter Beitrag: Martin73
  Mobirise-Countdown korrekt einstellen Thomas Saake 5 97 14.11.2017, 12:32
Letzter Beitrag: Tommy Herrmann
  Mobirise-Farbverlauf über die ganze Seite Thomas Saake 19 567 13.11.2017, 15:19
Letzter Beitrag: Thomas Saake
  Mobirise und seine Icons stobi_de 2 110 11.11.2017, 12:28
Letzter Beitrag: Thomas Saake
  Mobirise-Text verschiebt sich auf Smartphone Thomas Saake 3 77 10.11.2017, 11:27
Letzter Beitrag: c-laus
  Mobirise-Textgröße Smartphone Thomas Saake 14 218 07.11.2017, 15:10
Letzter Beitrag: Tommy Herrmann
  Mobirise 4 - das GLOBAL Attribut ? stobi_de 25 428 07.11.2017, 11:46
Letzter Beitrag: Tommy Herrmann
  Mobirise - eine Alternative zu NOF? Ralf-HH 17 340 07.11.2017, 08:42
Letzter Beitrag: Rancher



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!