Zum Inhalt springen

Bildbeschreibung - fehlerhafte Darstellung

Erstellt am 18. August 2008 · 5 Antworten · letzte Antwort am 19. August 2008

Tags: Bilder, HTML & CSS, Frage

oZi ·

Hallo zusammen,

ich starte mein erstes Webprojekt mit Typo3.
Es laeuft bei Hoster Allinkl mit Vers. 4.2.1
und dem Multiflex4 Template von www.1234.info

Ich erhalte bei der Darstellung von Bildern
einen merkwuerdigen "leeren Rahmen".
1x laenglich gezogen wie ein leeres Textfeld ueber dem Bild
1x klein quadratisch links unter dem Bild
Siehe Link:

http://www.hilgefort-its.de.dd1320.kasserver.com/cms/typo3/index.php?id=45

Ich hatte davor offline mit einem Typo3 Installer und dem Multiflex4 Template auf meinem PC
diese "leeren Rahmen" nie gesehen.

Ich habe verschiedenste Bildeinstellungen/Beschriftungen geaendert und probiert, jedoch ohne Erfolg.
Ich weiss nicht ob es an der Typo3 Version, dem Template, CSS oder etwas anderem liegt.

Ich sehe diesen "leeren Rahmen" unter Mac mit FF und Win mit IE.

Kann mir jemand weiterhelfen wie ich diesen komischen "leeren Rahmen" entfernen kann.

Danke im voraus,
oZi

einpraegsam.​net ·

Sieht so aus als hättest du um jedes Bild einen Rahmen gelegt und da du nicht css_styled_content sondern content(default) nutzt hat jetzt jedes clear.gif einen Rahmen bekommen...

oZi ·

Hi,

danke fuer die rasche Antwort.
Wo muss ich den Rahmen entfernen? Im Backend, CSS oder ....?
Im Backend unter "Media" fuer die Bildbearbeitung finde ich keine Moeglichkeit einen Rahmen zu setzen.
Was ist der Unterschied zwischen "css_styled_content" und "content(default)"?

Mercigruesse,
oZi

cope ·

Hi oZi,

in deinem CSS gibt es

.main img {mf4_layout4_text.... (line 139)
border:1px solid #969696; <---- der da!
clear:both;
float:left;
margin:3px 10px 7px 0pt;
padding:1px;
}

css_styled_content wie der Name schon sagt, "styled" den "Content" mit "CSS"
und nicht wie früher content(default) mit Tabellen

LG
Cope

oZi ·

Hi,

danke,
ich habe es gefunden und es hat geklappt.
Ich habe in mf4_layout.css die Zeile 139, 140, 141 wie folgt auskommentiert.:

.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; /* border:1px solid rgb(150,150,150); */ }

.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; /* border:1px solid rgb(150,150,150); */ }

.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; /* border:1px solid rgb(150,150,150); */ }

Bekomme ich auch die hellgraue Hintergrundflaeche in CSS entfernt?
Die Flaeche ist viel zu gross im Vergleich zu dem Bild.
http://www.hilgefort-its.de.dd1320.kasserver.com/cms/typo3/index.php?id=45

Danke und Gruesse,
oZi

cope ·

Hallo

.main-content table td {mf4_layout4_text.... (line 86)
background-color:#E1E1E1; <-- z.B. #FFFFFF
border:2px solid #FFFFFF;
color:#505050;
font-size:110%;
font-weight:normal;
height:3em;
padding:2px 7px;
text-align:left;
}

Tschö
LG
Cope