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.3.0 + Extensions
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

Alles funktioniert besser, wenn man den Stecker reinsteckt



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!
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.3.0 + Extensions
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!
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.3.0 + Extensions
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!
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!
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!
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.3.0 + Extensions
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!
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Our Clients Thomas Saake 21 345 Gestern, 11:51
Letzter Beitrag: Thomas Saake
  Mobirise und Google-Analytics stobi_de 2 59 17.09.2017, 13:33
Letzter Beitrag: stobi_de
  Mobirise 4 Tommy Herrmann 58 1.786 16.09.2017, 08:43
Letzter Beitrag: Tommy Herrmann
  Neues Mobirise Thema Agency M4 Tommy Herrmann 16 484 15.09.2017, 09:49
Letzter Beitrag: Tommy Herrmann
  Mobirise - Menü-Leiste WRH 2 97 12.09.2017, 17:42
Letzter Beitrag: WRH
  Cookies und Mobirise vloppy 2 73 11.09.2017, 18:54
Letzter Beitrag: Raven
  Beschriftung von Videos in Mobirise Martin73 3 83 07.09.2017, 12:08
Letzter Beitrag: Martin73
  Interaktion von Mobirise- und eigenen Klassen Martin73 1 121 01.09.2017, 09:08
Letzter Beitrag: Tommy Herrmann
  Mobirise- Strich unter die letzte Tabellenzeile Thomas Saake 3 138 29.08.2017, 17:25
Letzter Beitrag: Martin73
  Mobirise - Probleme mit der Standard-Fotogalerie WRH 23 518 25.08.2017, 12:27
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!