Datenschutz Impressum

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.7.8 + 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

Summertime forever !



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.7.8 + 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, 12: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.7.8 + 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.7.8 + 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-Support? stobi_de 9 179 15.07.2018, 08:43
Letzter Beitrag: stobi_de
  Mobirise-Handyman AMP Bild/Text Anordnung Thomas Saake 13 284 14.07.2018, 12:54
Letzter Beitrag: Tommy Herrmann
  Mobirise- Handyman AMP Textfarbe Thomas Saake 13 213 11.07.2018, 07:41
Letzter Beitrag: Tommy Herrmann
  Mobirise Ende (für uns)? stobi_de 13 483 09.07.2018, 06:12
Letzter Beitrag: AndyNeu
  Mobirise-WOW Slider Thomas Saake 2 108 03.07.2018, 11:43
Letzter Beitrag: Thomas Saake
  Mobirise Impressum stobi_de 1 96 29.06.2018, 14:49
Letzter Beitrag: Tommy Herrmann
  Mobirise - Tutorials "getting started"? Beatrix53 12 193 29.06.2018, 07:33
Letzter Beitrag: Rancher
  Mobirise-Cookie Alert auf jeder Seite? Thomas Saake 4 136 26.06.2018, 13:07
Letzter Beitrag: Thomas Saake
  Google Web Fonts in Mobirise 3 lokal hosten C. Schulz 9 264 24.06.2018, 23:00
Letzter Beitrag: C. Schulz
  Der Mobirise-Shop, Kniffe und Tücken stobi_de 5 429 22.06.2018, 10:04
Letzter Beitrag: stobi_de



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!