Bilderrahmen beseitigen

**lilprof** · 18.11.2012, 14:17

Wie kann man bei diesem Bild den blauen Rahmen beseitigen:

Ich wäre dankbar für ne möglichst einfache Erklärung, da ich über die normalen Bedienelemente hinaus keine besonderen Code-Kenntnisse habe

**derRenner** · 18.11.2012, 14:40

Hallo,

kommt drauf an, ob das Bild den Rahmen bereits inkludiert hat - dann kannst du den Rahmen
mit einem Zeichenprogramm (z.B. Photoshop, PaintNet, ...) "wegpinseln"
oder aber, wenn der Rahmen über ein CSS generiert wird, dann müsstest du in der
CSS-Datei den image-Tag suchen und den Border dort wegnehmen.
z.B.:
img {border:none;}

**lilprof** · 18.11.2012, 16:47

Danke für die Antwort.
Von Hause aus hat das *.gif keinen Rahmen;
wie und wo finde ich denn die CSS-Datei?

Sollte ich nix über diese Karteikarte machen können:

"0" bei Rahmen bringt leider keinen Erfolg :-(

**jubel** · 18.11.2012, 17:30

Das CSS findest du über Themes > Stylesheets. Dort musst du das CSS für den Selektor img bearbeiten (Rahmen in allen 4 Feldern auf 0).

**lilprof** · 18.11.2012, 17:50

Unter "Themes" finde ich keine Stylesheets - zumindest nicht auf Anhieb.
Sieht bei mir dann so aus:

Wenn ich auf "CSS" klicke, komme ich zum Theme-Titel, aber da gibt's keine Stylesheets.
Muss ich eins erstellen??
"Neues Stylesheet" gibt es ....

edit:
Das einzige Stylesheet, dass ich gefunden hab, heißt ce_text.xhtml
die Passage mit img sieht so aus:

<div class="image_container<?php echo $this->floatClass; ?>"<?php if ($this->margin || $this->float): ?> style="<?php echo trim($this->margin . $this->float); ?>"<?php endif; ?>>
<?php if ($this->href): ?>
<a href="<?php echo $this->href; ?>"<?php echo $this->attributes; ?> title="<?php echo $this->alt; ?>">
<?php endif; ?>
<img src="<?php echo $this->src; ?>"<?php echo $this->imgSize; ?> alt="<?php echo $this->alt; ?>" />
<?php if ($this->href): ?>
</a>
<?php endif; ?>
<?php if ($this->caption): ?>
<div class="caption"><?php echo $this->caption; ?></div>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($this->addBefore): ?>

Kann man da was drehen?

**derRenner** · 18.11.2012, 18:18

wenn du auf CSS kommt dann eine Liste die etwa so wie dieses aussieht?
style01.jpg
Falls JA, dann einfach die passende CSS-Liste raussuchen und auf "ändern" klicken.
Dann sollte die Liste der CSS-Tags kommen - in etwa so:
style02.jpg
Hier dann den IMG-Tag raussuchen und auf "ändern" klicken.
Die Rubrik mit 'Rahmen' suchen und die Rahmenbreite in allen 4 Feldern auf 0 setzen
style03.jpg

Falls du so eine Ansicht nicht findest, dann hast du möglicherweise ein externes
Style-sheet eingebunden. Dann müsstest du das externe Style-sheet bearbeiten.
Ob dies der Fall ist, bzw. unter welchem Pfad du es dann findest kannst du so
rausfinden:
Unter 'Themes' auf 'Seitenlayout ändern' klicken.
Hier nun dein Layout auswählen und mit "ändern" reingehen
Unter den 'Experteneinstellungen' gibt's dann ein Feld das 'Zusätzliche <head> Tags'
heisst. Hier sollte dann deine externe CSS-Datei drinnen stehen.
Die kannst du dann auf deinem Server suchen - dann öffnen - den IMG-Tag suchen
- und den border auf 'none' setzen

**lilprof** · 18.11.2012, 21:16

Vielen Dank für deine total klare Darstellung, der Renner!
Leider habe ich unter CSS kein einziges Stylesheet.
Ich hab mir aber jetzt eins gemacht:
pic1
Das kann ich auch bearbeiten, auch die 0 einsetzen bei den 4 Rahmenfeldern ...

Aber wie bringe ich nun mein Bild dazu, diese Vorgaben auch einzuhalten?

***Nina*** · 18.11.2012, 21:58

Du musst das Stylesheet nun ins Seitenlayout einbinden, damit die Seite überhaupt weiß, dass deine neue CSS-Anweisung sie betrifft. Klick dazu bei der Symbolleiste (siehe dein Bild oben aus Beitrag #5) auf das vorletzte Symbol.
Darin findest du das/die Seitenlayout(s).

Bearbeite das Seitenlayout indem du neben dem Namen des Seitenlayouts auf das Bleistift-Symbol klickst. Nun werden dir die Eigenschaften des Seitenlayouts angezeigt. Wenn du weit runterscrollst, findest du einen Abschnitt wo die Stylesheets eingebunden werden. Klicke in die Checkbox (quadratisches Kästchen) neben dem Namen des von dir angelegten Stylesheets (laut deinem Screenshot aus dem vorhergehenden Beitrag müsste es "basic.css" heißen).

Dann klickst du ganz unten auf den Button "Speichern und schließen". Falls es mehrere Seitenlayouts gibt, musst du das bei jedem davon machen.

Nun kannst du auf der Website schauen, ob sich deine Anweisung ausgewirkt hat (Seite neu laden).

**foil** · 18.11.2012, 22:02

ich nehme an es handelt sich um folgende Seite:
http://www.gsneunkirchen.de

Es ist eine style.css eingebunden:
tl_files/layout/css/styles.css

in dieser ist der Rahmen definiert und dort kannst du es auch andern.

**dackelchen** · 18.11.2012, 22:05

Moin, wie hast Du das CSS denn eingebunden? Für mich hört sich das nach "extern" an. In dem Falle findest Du die Datei in einem Unterordner von "files" (files/Themname/css/...) suchen. In der Datei gehst Du dann vor, wie von Jubel beschrieben.

Ach ja - bloßes Anlegen der Datei reicht nicht. Sie muss immer auch eingebunden werden. Dazu braucht es aber die Info, wie Dein CSS eingebunden ist.

***Nina*** · 18.11.2012, 22:10

Zitat von foil

ich nehme an es handelt sich um folgende Seite:
http://www.gsneunkirchen.de

Es ist eine style.css eingebunden:
tl_files/layout/css/styles.css

in dieser ist der Rahmen definiert und dort kannst du es auch andern.

Ah, klar, Wenn es extern eingebunden ist (die CSS-Datei also in der Dateiverwaltung liegt und nicht im Stylesheetgenerator), sind das zwei verschiedene paar Schuhe. In dem Fall kannst du in der Contao-Adminoberfläche links in der Navigation auf "Dateiverwaltung" klicken und dann schauen, ob du in der Dateiverwaltung den Ordner "layout" siehst.
Wenn ja, klick davor auf das kleine Plus-Symbol um seine Inhalte aufzuklappen.
Darin liegt wiederum ein Ordner "css" den du auf die selbe Art aufklappen kannst.

Schlussendlich solltest du eine Datei namens "styles.css" sehen. Klick hier NICHT auf das Bleistiftsymbol (in der Dateiverwaltung änderst du damit nur den Namen einer Datei was du in deinem Fall tunlichst unterlassen solltest). Klick stattdessen auf das Quadrat-Symbol (manche meiner Kunden nennen es liebevoll die "Waschmaschine"

). Damit kannst du dann die styles.css direkt bearbeiten und um die Angabe erweitern:

img { border: 0px !important; }

**jubel** · 19.11.2012, 05:48

Damit kannst du dann die styles.css direkt bearbeiten und um die Angabe erweitern:

img { border: 0px !important; }

Oder diese Stelle suchen und löschen:

Code:

#main .ce_image img, #main .ce_text img {
    border: 1px solid #3B3BE3;
}

Dann gibt's später keine Verwunderung wegen des !important.

Thema: Bilderrahmen beseitigen

Themen-Optionen

Thema durchsuchen

Bilderrahmen beseitigen

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher