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.5.4 + 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.5.4 + 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.5.4 + 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.5.4 + 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-Textformatierung Thomas Saake 5 80 Gestern, 14:06
Letzter Beitrag: Thomas Saake
  og:image für Facebook in Mobirise barbara0701 2 49 Gestern, 13:17
Letzter Beitrag: Tommy Herrmann
  Mobirise blendet sich selbst ein stobi_de 4 89 13.01.2018, 19:49
Letzter Beitrag: Tommy Herrmann
  Bilder zuschneiden in Mobirise barbara0701 5 102 13.01.2018, 18:20
Letzter Beitrag: barbara0701
  Mobirise PortfolioM4 - Block Clients barbara0701 9 144 13.01.2018, 12:16
Letzter Beitrag: barbara0701
  Mobirise-Navibox Strich unten einfügen Thomas Saake 9 184 08.01.2018, 22:14
Letzter Beitrag: Rancher
  Mobirise-Unnötiger farblicher Abstand zwischen Boxen Thomas Saake 16 273 08.01.2018, 19:51
Letzter Beitrag: Rancher
  Logo in Navigationsleiste einfügen - Mobirise barbara0701 28 346 06.01.2018, 18:32
Letzter Beitrag: Martin73
  Mobirise integrierter Slider WRH 10 267 06.01.2018, 16:32
Letzter Beitrag: WRH
  Linkformate anpassen Mobirise barbara0701 7 183 05.01.2018, 13:03
Letzter Beitrag: Tommy Herrmann



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!