IMG in Firefox 1.5.0.1

[Jörn Grube]

Wieso funktioniert hspace und vspace nicht mehr??
Es sieht echt bescheuert aus, wenn die Schrift direkt am Bild ansetzt :( Irgendjemand eine Idee, was man da machen könnte??

Jörn Grube

[Manuel B.]

Wieso funktioniert hspace und vspace nicht mehr??
Es sieht echt bescheuert aus, wenn die Schrift direkt am Bild ansetzt :( Irgendjemand eine Idee, was man da machen könnte??

hspace = pixels [CN]
    Deprecated. This attribute specifies the amount of white space to be inserted to the left and right of an IMG, APPLET, or OBJECT. The default value is not specified, but is generally a small, non-zero length.
vspace = pixels [CN]
    Deprecated. This attribute specifies the amount of white space to be inserted above and below an IMG, APPLET, or OBJECT. The default value is not specified, but is generally a small, non-zero length.

Somit dürfte geklärt sein, warum es der FF ignoriert. Was hast du gegen eine Lösung per CSS?

[Jörn Grube]

Wieso funktioniert hspace und vspace nicht mehr??
Es sieht echt bescheuert aus, wenn die Schrift direkt am Bild ansetzt :( Irgendjemand eine Idee, was man da machen könnte??

hspace = pixels [CN]
    Deprecated. This attribute specifies the amount of white space to be inserted to the left and right of an IMG, APPLET, or OBJECT. The default value is not specified, but is generally a small, non-zero length.
vspace = pixels [CN]
    Deprecated. This attribute specifies the amount of white space to be inserted above and below an IMG, APPLET, or OBJECT. The default value is not specified, but is generally a small, non-zero length.

Somit dürfte geklärt sein, warum es der FF ignoriert. Was hast du gegen eine Lösung per CSS?

Hab gar nichts gegen CSS, ich weiß nur nicht, wie. Wie ich schon in den anderen Antworten sagte: Die Texte kommen aus einer Datenbank, werden über diverse RegEx'en zusammengebaut. Ich dachte, ich dachte, ich kann mir hier wenigstens DIVs ersparen :(

[Manuel B.]

Hab gar nichts gegen CSS, ich weiß nur nicht, wie. Wie ich schon in den anderen Antworten sagte: Die Texte kommen aus einer Datenbank, werden über diverse RegEx'en zusammengebaut. Ich dachte, ich dachte, ich kann mir hier wenigstens DIVs ersparen :(

Wo ist das Problem, das du statt hspace="5" ein style="padding-left: 5px" ausgibst?

[Cybaer]

Hi,

Somit dürfte geklärt sein, warum es der FF ignoriert.

Nein.

Gruß, Cybaer

[Maxx]

Hallo Jörn,

Wieso funktioniert hspace und vspace nicht mehr??

nach meinen Erfahrungen funktionieren die noch. (Und vermutlich auch noch sehr lange) Der Fehler liegt sicher an andere Stelle.

Irgendjemand eine Idee, was man da machen könnte?

Lass mal den relevanten Quelltext oder besser noch die Seite sehen.

Grüße,

Jochen

[Jörn Grube]

Hallo Jörn,

Wieso funktioniert hspace und vspace nicht mehr??

nach meinen Erfahrungen funktionieren die noch. (Und vermutlich auch noch sehr lange) Der Fehler liegt sicher an andere Stelle.

Irgendjemand eine Idee, was man da machen könnte?

Lass mal den relevanten Quelltext oder besser noch die Seite sehen.

Grüße,

Jochen

Geh mal auf http://www.martial-arts-portal.de
Dort auf Stilarten und dann was suchen, wo ein Bild drin ist.
Oder direkt z.B.
http://www.cm-jg-portale.de/martial_arts/ma_beitraege_anzeigen.php/?action=3&idBeitrag=31
Die Texte kommen aus einer Datenbank und werden über diverse RegEx'en zusammengebaut.
Im IE funktioniert das hspace ja auch, aber eben in Firefox nicht :(

[wahsaga]

hi,

Wieso funktioniert hspace und vspace nicht mehr??

Wieso nutzt du für Formatierungen _immer noch_ kein CSS?

Irgendjemand eine Idee, was man da machen könnte??

Ja, endlich zeitgemäße Techniken erlernen.

gruß,
wahsaga

[Jörn Grube]

hi,

Wieso funktioniert hspace und vspace nicht mehr??

Wieso nutzt du für Formatierungen _immer noch_ kein CSS?

Irgendjemand eine Idee, was man da machen könnte??

Ja, endlich zeitgemäße Techniken erlernen.

gruß,
wahsaga

Sorry, Deine Antwort ist wahnsinnig hilfreich :(
Ich nutze CSS seit dem Erscheinen, nur kenne ich nichts, was auf IMG anwendbar wäre.
Zudem kommen die Texte komplett aus einer Datenbank und die Bilder da auch noch in DIVs zu packen ... na ja, sehr aufwendig. Wird wohl kein Weg dran vorbeiführen, ich dachte halt nur, es ginge einfacher.

[Cheatah]

Hi,

Sorry, Deine Antwort ist wahnsinnig hilfreich :(

ist sie, ja.

Ich nutze CSS seit dem Erscheinen, nur kenne ich nichts, was auf IMG anwendbar wäre.

Wieso glaubst Du, die Dinge die Du kennst seien nicht auf <img> anwendbar?

Zudem kommen die Texte komplett aus einer Datenbank und die Bilder da auch noch in DIVs zu packen ... na ja, sehr aufwendig.

Und blödsinnig, und unnötig. Es wird *nie* HTML-Code angefasst, um irgend einen darstellerischen Effekt zu erreichen. Also auch kein ominöses hspace-Attribut eingeführt, welches ohnehin seit Jahren deprecated ist.

Cheatah

[Jörn Grube]

Ich nutze CSS seit dem Erscheinen, nur kenne ich nichts, was auf IMG anwendbar wäre.

Wieso glaubst Du, die Dinge die Du kennst seien nicht auf <img> anwendbar?

Weil ich weder in CSS 1.0 noch 2.0 irgendwas gefunden habe, was auf IMG anwendbar wäre. Da Du aber sowas zu kennen scheinst, sags mir, ich bin ja lernfähig.

[wahsaga]

hi,

Weil ich weder in CSS 1.0 noch 2.0 irgendwas gefunden habe, was auf IMG anwendbar wäre.

Etwas zu finden, was nicht auf img anwendbar wäre, dürfte eine ziemlich große Fleißaufgabe darstellen im Vergleich zu der etwas zu finden, was es ist. Von letzterem dürfte es nämlich deutlich mehr geben.

gruß,
wahsaga

[Cheatah]

Hi,

Wieso glaubst Du, die Dinge die Du kennst seien nicht auf <img> anwendbar?
Weil ich weder in CSS 1.0 noch 2.0 irgendwas gefunden habe, was auf IMG anwendbar wäre.

wenn Du bei CSS nach etwas suchst, was auf ein bestimmtes Element der verwendeten Struktursprache anwendbar ist, wirst Du in der Tat nie fündig - sowas gibt's nämlich nicht. CSS kümmert sich kein Stück um HTML (oder welche Markup Language Du auch immer nimmst). Es kümmert sich um CSS.

Da Du aber sowas zu kennen scheinst, sags mir, ich bin ja lernfähig.

Die CSS-Eigenschaften, die Du auf das <img>-Element anwenden kannst, sind identisch mit den CSS-Eigenschaften, die Du auf das <p>-, <strong>-, <div>-, <table>-, <title>- oder <flubberdiglubber>-Element anwenden kannst. Das einzige, was per CSS (derzeit) nur schwerlich beeinflussbar ist, ist die Tatsache, dass es sich bei <img> um ein Replaced Element handelt.

Cheatah

[wahsaga]

hi,

Sorry, Deine Antwort ist wahnsinnig hilfreich :(

Natürlich wird sie das sein, sobald du sie verstanden hast.

Ich nutze CSS seit dem Erscheinen, nur kenne ich nichts, was auf IMG anwendbar wäre.

Was mach(t)en denn hspace und vspace? Sie sorgen für (Außen-)Abstände der Grafik zu den umgebenden Elementen.

Und als "CSS-Kenner der ersten Stunde" bist du noch nicht bis zu http://de.selfhtml.org/css/eigenschaften/randabstand.htm vorgedrungen ...?

gruß,
wahsaga

[Siechfred]

Hell-O!

Ich nutze CSS seit dem Erscheinen, nur kenne ich nichts, was auf IMG anwendbar wäre.

Oha, dir sind margin und padding nicht bekannt?

Zudem kommen die Texte komplett aus einer Datenbank und die Bilder da auch noch in DIVs zu packen ... na ja, sehr aufwendig.

Wozu ein DIV? Man kann Bilder direkt mit CSS formatieren.

Siechfred

[Jörn Grube]

Oha, dir sind margin und padding nicht bekannt?

Sicher, aber _nicht_ für das IMG-Tag.

Wozu ein DIV? Man kann Bilder direkt mit CSS formatieren.

Hab ich probiert und es geht nicht :(

[Cheatah]

Hi,

Oha, dir sind margin und padding nicht bekannt?
Sicher, aber _nicht_ für das IMG-Tag.

warum versuchst Du immer krampfhaft, irgend welche Ausnahmen zu erfinden, die es gar nicht gibt?

Wozu ein DIV? Man kann Bilder direkt mit CSS formatieren.
Hab ich probiert und es geht nicht :(

Was hast Du probiert, und wie hast Du "es geht nicht" ermittelt?

Cheatah

[Jörn Grube]

Oha, dir sind margin und padding nicht bekannt?
Sicher, aber _nicht_ für das IMG-Tag.

warum versuchst Du immer krampfhaft, irgend welche Ausnahmen zu erfinden, die es gar nicht gibt?

Ich such keine Ausnahmen, ich versuchs nur richtig zu machen.

Wozu ein DIV? Man kann Bilder direkt mit CSS formatieren.
Hab ich probiert und es geht nicht :(

Was hast Du probiert, und wie hast Du "es geht nicht" ermittelt?

Ich hab eben das in meine CSS-Datei geschrieben:
img {
 margin-right:5px;
 margin-left:5px;
}
und hochgeladen. Geändert hat sich aber nichts, der Text steht nach wie vor direkt an den Grafiken.

[Siechfred]

Ich hab eben das in meine CSS-Datei geschrieben:
img {
margin-right:5px;
margin-left:5px;
}
und hochgeladen. Geändert hat sich aber nichts, der Text steht nach wie vor direkt an den Grafiken.

Nö, da sind 0.5px Abstand links und rechts. Ich glaube fast, dass ich richtig geraten habe.

Siechfred

[Jörn Grube]

Ich hab eben das in meine CSS-Datei geschrieben:
img {
margin-right:5px;
margin-left:5px;
}
und hochgeladen. Geändert hat sich aber nichts, der Text steht nach wie vor direkt an den Grafiken.

Nö, da sind 0.5px Abstand links und rechts. Ich glaube fast, dass ich richtig geraten habe.

Danke, ich habs. In der CSS-Datei bringt es gar nichts, weil es eben in CSS nichts gibt, was man auf das IMG-Tag anwenden kann. Wenn ich jedoch direkt im Zusammenbau des IMG-Tag in der RegExe  style="margin: 5px 5px;" einfüge, dann klappts.
Wußte ich bisher nicht, wieder was gelernt, danke.

[Cheatah]

Hi,

Danke, ich habs. In der CSS-Datei bringt es gar nichts, weil es eben in CSS nichts gibt, was man auf das IMG-Tag anwenden kann.

hör bitte auf, weiterhin den selben Unsinn zu erzählen, der Dir mittlerweile mehrfach als falsch dargestellt wurde.

Wenn ich jedoch direkt im Zusammenbau des IMG-Tag in der RegExe  style="margin: 5px 5px;" einfüge, dann klappts.

Herrje. Im style-Attribut steht übrigens CSS-Code, der sich ja auf <img> nicht anwenden lässt, wie Du nicht müde wirst zu behaupten.

Wußte ich bisher nicht, wieder was gelernt, danke.

Du hast bisher noch nichts gelernt, sondern nur falsche Schlussfolgerungen gezogen.

Cheatah

[Jörn Grube]

Ich weiß, Du bist Mr. Perfect und ich bin blöd. Lass gut sein, Junge, ich hab vermutlich schon HTML geschrieben, als Du noch mit der Trommel um den Christbaum gerannt bist.
Falls ich hier nochmal eine Frage haben sollte - was ich, ehrlich gesagt, nicht glaube - tu mir bitte einen Gefallen und beantworte sie _nicht_ .

[Gunnar Bittersmann]

Hello out there!

ich hab vermutlich schon HTML geschrieben, als Du noch mit der Trommel um den Christbaum gerannt bist.

Nur schade, dass deine Kenntnisse immer noch auf dem damaligen Stand sind.

See ya up the road,
Gunnar

[Jörn Grube]

Nur schade, dass deine Kenntnisse immer noch auf dem damaligen Stand sind.

Tja, nicht jeder macht das beruflich und ich hab einfach nicht die Zeit, mich täglich mit den Neuerungen zu beschäftigen. Ich schreibe Webseiten nebenher, versuche mein bestes zu geben. Aber da gibts auch noch sowas wie Familie, Hobbies und dergleichen. Und wenn jeder so schlau wäre und alles wüßte - wozu bräuchte man dann dieses Forum (und andere mit gleichem oder ähnlichem Anliegen)? Ich komm hierher, weil ich eine Frage hab und ich hoffe auf eine Antwort(!), nicht auf Beschimpfungen von irgendwelchen Freaks, die anscheinend nichts weiter zu tun haben. Wenn diese schlauen Leute dann wenigstens noch eine Antwort geben würden, würde ich die Beschimpfungen und arroganten Kommentare ignorieren, aber dazu waren die Typen ja nicht fähig.
So sehr ich Stefan Münz seit 14 Jahren schätze - aber hier, in dieses Forum, komme ich sicher nicht nochmal.

[Manuel B.]

Tja, nicht jeder macht das beruflich und ich hab einfach nicht die Zeit, mich täglich mit den Neuerungen zu beschäftigen.

Du redest davon, das du dir neuerungen, die vor Jahren eingeführt worden sind, dir nicht aneignen kasnns,t weil du nicht täglich Zeit dafür hast?
Gleichzeitig behauptest du, du hast CSS seit den Anfängen verwendet?

Das wiederspricht sich massiv. Entweder bist du ein Blender, ein Wichtigtuer oder du hast da einfach was verwechselt und deine Aussagen waren anders gemeint. Zu deinen gunsten nehm ich mal an, das du dich einfach vertippt hast, als du behauptet hast, du hast die techniken benutzt, seit es sie gibt.

BTW: M.E. gab es padding und margin bereits in CSS 1.0. Unterstreicht irgendwo bestimmte Annahmen, dir gegenüber ;)

[Mathias Bigge]

Hi Jörn,

So sehr ich Stefan Münz seit 14 Jahren schätze - aber hier, in dieses Forum, komme ich sicher nicht nochmal.

Vielleicht ist das besser, solange es Dir so schwer fällt, eigene Fehler einzusehen. Du hast ziemlich unmittelbar einen weiterführenden Lösungsvorschlag bekommen, der nur aus einem Grund nicht funktionieren kann: Du hast einen technischen Fehler eingebaut, der nichts mit CSS zu tun hat.

Viele Grüße
Mathias Bigge

[Klawischnigg]

Hi there,

Danke, ich habs. In der CSS-Datei bringt es gar nichts, weil es eben in CSS nichts gibt, was man auf das IMG-Tag anwenden kann. Wenn ich jedoch direkt im Zusammenbau des IMG-Tag in der RegExe  style="margin: 5px 5px;" einfüge, dann klappts.
Wußte ich bisher nicht, wieder was gelernt, danke.

Da irrst Du Dich sicher; wenn es so klappt, muß es mit einem externen Stylesheet oder mit einer Stylesheetangabe im Header auch funktionieren. Was ich denke, daß Du wirklich gelernt hast, ist, daß Du entweder bei der Einbindung der externen Datei oder bei der Defintion des Stylesheetbereichs im Header irgendeinen offenbar kleinen aber tragischen Fehler gemacht hast ;)

[Jörn Grube]

Hi there,

Danke, ich habs. In der CSS-Datei bringt es gar nichts, weil es eben in CSS nichts gibt, was man auf das IMG-Tag anwenden kann. Wenn ich jedoch direkt im Zusammenbau des IMG-Tag in der RegExe  style="margin: 5px 5px;" einfüge, dann klappts.
Wußte ich bisher nicht, wieder was gelernt, danke.

Da irrst Du Dich sicher; wenn es so klappt, muß es mit einem externen Stylesheet oder mit einer Stylesheetangabe im Header auch funktionieren. Was ich denke, daß Du wirklich gelernt hast, ist, daß Du entweder bei der Einbindung der externen Datei oder bei der Defintion des Stylesheetbereichs im Header irgendeinen offenbar kleinen aber tragischen Fehler gemacht hast ;)

Mehrfach probiert, so, wie es jetzt ist, gehts, in der externen Datei gehts nicht. Ich weiß nicht, warum, aber es ist so.
Letztendlich ist es mir auch egal, hauptsache, es funktioniert :)

[Klawischnigg]

Hi there,

Mehrfach probiert, so, wie es jetzt ist, gehts, in der externen Datei gehts nicht. Ich weiß nicht, warum, aber es ist so.
Letztendlich ist es mir auch egal, hauptsache, es funktioniert :)

Ja, eh, man sollte das pragmatisch sehen, auch wenn ich trotzdem denke, daß ich Recht hatte (man wird mit der Zeit etwas betriebsblind, oder, wie Nietzsche sagt: Wenn man lang genug in einen Abgrund blickt, blickt der Abgrund zurück ;), solange es funktioniert, was solls...

[D.R.]

Hi,

Mehrfach probiert, so, wie es jetzt ist, gehts, in der externen Datei gehts nicht. Ich weiß nicht, warum, aber es ist so.
Letztendlich ist es mir auch egal, hauptsache, es funktioniert :)

Da hast du aber auch viel mehr Arbeit, wenn du deine Seite ändern willst. Ich kann dir wirklich nur empfehlen, deine Seite noch mal Gründlich durchzuchecken. Denn wenn du mal eine kleine Testseite mit einem Bild und Text daneben erstellen würdest, würdest du merken, dass es funktioniert.
Aber gut, dass du überhaupt schon mal CSS verwendest.

Einen schönen Donnersag noch!

[Siechfred]

Hell-O!

Danke, ich habs. In der CSS-Datei bringt es gar nichts, weil es eben in CSS nichts gibt, was man auf das IMG-Tag anwenden kann.

Unsinn. Ich habe dir geschrieben, dass es online so funktioniert hat, wie du es dir vorgestellt hast. Zu dem Zeitpunkt standen die CSS-Eigenschaften für IMG im externen Stylesheet (ich habe extra nachgeschaut). Angesehen habe ich mir diese Seite.

Siechfred

[Cheatah]

Hi,

Sicher, aber _nicht_ für das IMG-Tag.
warum versuchst Du immer krampfhaft, irgend welche Ausnahmen zu erfinden, die es gar nicht gibt?
Ich such keine Ausnahmen,

obige Behauptung deutet auf das Gegenteil hin.

Ich hab eben das in meine CSS-Datei geschrieben:
img {
margin-right:5px;
margin-left:5px;
}
und hochgeladen. Geändert hat sich aber nichts,

Nur durch Änderung des Codes und Hochladen desselben ändert sich noch keine Darstellung auf Deinem Rechner. Wie hast Du _überprüft_, wie sich der Code auswirkt?

Und nur zur Sicherheit die eigentlich (hoffentlich) überflüssige Frage: Hast Du die Validität der Codes sicher gestellt?

Cheatah

[Siechfred]

Wozu ein DIV? Man kann Bilder direkt mit CSS formatieren.
Hab ich probiert und es geht nicht :(

<ratemodus>
Du benutzt den IE und/oder hast den Browsercache nicht geleert.
</ratemodus>

Siechfred

[D.R.]

Hi,

Ich nutze CSS seit dem Erscheinen, nur kenne ich nichts, was auf IMG anwendbar wäre.

Img'g verhalten sich meiner Meinung nach wie Blöcke, nur das Bild wird eben auf die entspr. Größe gestreckt. Wende doch einfach mal padding oder Margin auf das img an.

Also z.B.:

img {margin-right:5px;}

Das müsste eigentlich funktionieren und ist Zeitgemäßes CSS. Außerdem ist diese Lösung doch viel schneller gemacht, als wenn man jedesmal vspace und so'n altes Zeug anwendet.

Einen schönen Donnerstag noch!

[Jörn Grube]

Img'g verhalten sich meiner Meinung nach wie Blöcke, nur das Bild wird eben auf die entspr. Größe gestreckt. Wende doch einfach mal padding oder Margin auf das img an.

Also z.B.:

img {margin-right:5px;}

Das müsste eigentlich funktionieren und ist Zeitgemäßes CSS. Außerdem ist diese Lösung doch viel schneller gemacht, als wenn man jedesmal vspace und so'n altes Zeug anwendet.

Direkt ausprobiert - geht nicht. Es gibt auch in keiner CSS-Spezifikation etwas, was auf IMG anwendbar wäre ... jedenfalls meines Wissens nicht.
Danke trotzdem und ebenfalls schönen Tag.

[Siechfred]

Hell-O!

img {margin-right:5px;}
Direkt ausprobiert - geht nicht.

Dann hast du was falsch gemacht, denn es geht definitiv.

Siechfred

[D.R.]

Hi,

Img'g verhalten sich meiner Meinung nach wie Blöcke, nur das Bild wird eben auf die entspr. Größe gestreckt. Wende doch einfach mal padding oder Margin auf das img an.

Direkt ausprobiert - geht nicht. Es gibt auch in keiner CSS-Spezifikation etwas, was auf IMG anwendbar wäre ... jedenfalls meines Wissens nicht.

Langsam glaube ich, dass es bei dir gar nicht an den Eigenschaften (v-space und so) liegt, sondern an irgeneinem anderen Fehler. Jedenfalls weiß ich genau, dass margin oder padding funktionieren. Wenn du dir mal schnell eine kleine Testseite mit Bild und Text daneben basteln würdest, würdest du feststellen, dass es funktioniert. Fragt sich nur, warum es bei dir nicht funktioniert.

Hier mal ein Beispiel, das bei mir mit FF 1.5.0.1 funktioniert:

<head><style type="text/css">
img {margin-right:20px;float:left;}
</style></head>
<body>
<img src="bild.jpg">
<p>hier steht Text</p>
</body>

Bitte beklagt euch jetzt nicht über den fehlenden Doctype und so weiter, es ist wie gesagt nur eine Testwebseite. Vielleicht liegt das Problem bei dir in der Überlagerung von margins. Dann probier doch mal padding.

Einen schönen Donnerstag noch!

[at]

Hallo.

Es gibt auch in keiner CSS-Spezifikation etwas, was auf IMG anwendbar wäre ... jedenfalls meines Wissens nicht.

Dann solltest du dein Wissen vielleicht mit den CSS-Spezifikationen abgleichen. Oder ist "Applies to: all elements" nicht deutlich genug?
MfG, at

[Der Martin]

Hallo at,

Es gibt auch in keiner CSS-Spezifikation etwas, was auf IMG anwendbar wäre ... jedenfalls meines Wissens nicht.

Dann solltest du dein Wissen vielleicht mit den CSS-Spezifikationen abgleichen. Oder ist "Applies to: all elements" nicht deutlich genug?

deine guten Ratschläge in Ehren - aber mein Eindruck anhand der restlichen Postings von Jörn ist, dass jegliche Hilfe verliebliche Gebesmüh ist. Er scheint leider weitgehend beratungsresistent zu sein.

Ciao,
 Martin

[at]

Hallo.

deine guten Ratschläge in Ehren - aber mein Eindruck anhand der restlichen Postings von Jörn ist, dass jegliche Hilfe verliebliche Gebesmüh ist.

Den Eindruck hatte ich auch, wunderte mich aber gleichzeitig, dass noch niemand auf die Stelle verwiesen hatte, die Klarheit hätte schaffen können.

Er scheint leider weitgehend beratungsresistent zu sein.

Damit können wir wohl leben. Vielleicht hilft mein Beitrag ja wenigstens anderen Mitlesern oder Suchern im Archiv.
MfG, at