nicht angemeldet
Bilder
Gunnar BittersmannIch habe auf meine HTML-Seite mithilfe von <IMG > Bildchen gesetzt.
Es erscheint jedoch immer ein weisser Rand zwischen diesen.
Was kann ich tun, damit dieser weggeht?
Mit border und outline ging es nicht.
-
Ich habe auf meine HTML-Seite mithilfe von <IMG > Bildchen gesetzt.
Es erscheint jedoch immer ein weisser Rand zwischen diesen.
Was kann ich tun, damit dieser weggeht?Ich vermute du hast einfach whitespace zwischen deinen img-Elementen - keinen Rand.
Aber natürlich ist das nur geraten, da du die wesentlichen Informationen zu deinem Problem vorenthältst.
-
Mein HTML-Code sieht folgendermassen aus:
<HTML> <IMG SRC="images/Blumente.bmp" border="none"> <IMG SRC="images/Blumente.bmp" border="none"> <IMG SRC="images/Blumente.bmp" border="none"> </HTML>Es ist sicher sog. "whitespace".
Die Frage ist nun kriegt man den "space" wieder weg?
Kann man das evtl. irgendwie ueber einen tag abschalten?-
Mein HTML-Code sieht folgendermassen aus:
<HTML>
<IMG SRC="images/Blumente.bmp" border="none">
<IMG SRC="images/Blumente.bmp" border="none">
<IMG SRC="images/Blumente.bmp" border="none">
</HTML>Mit Ausnahme dass dein HTML etwas "<http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=nüchtern>" ist, fehlt bei deinen img-Elementen das erforderliche Alt-Attribut. Zudem ist bmp nicht wirklich ein geeignetes Grafikformat fürs Web. Du solltest dich eher für PNG oder JPG (je nach Einsatzzweck) entscheiden. > Es ist sicher sog. "whitespace". > Die Frage ist nun kriegt man den "space" wieder weg? > Kann man das evtl. irgendwie ueber einen tag abschalten? Wie wär's, wenn du ihn (bzw. sie) einfach entfernst? Entweder davor mit der del-Taste oder dahinter mit der backspace-Taste.-
[latex]Mae govannen![/latex]
Mein HTML-Code sieht folgendermassen aus:
<HTML>
<IMG SRC="images/Blumente.bmp" border="none">
<IMG SRC="images/Blumente.bmp" border="none">
<IMG SRC="images/Blumente.bmp" border="none">
</HTML>> > Mit Ausnahme dass dein HTML etwas "<http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=nüchtern>" ist, fehlt bei deinen img-Elementen das erforderliche Alt-Attribut. Zudem ist bmp nicht wirklich ein geeignetes Grafikformat fürs Web. Du solltest dich eher für PNG oder JPG (je nach Einsatzzweck) entscheiden. > > > Es ist sicher sog. "whitespace". > > Die Frage ist nun kriegt man den "space" wieder weg? > > Kann man das evtl. irgendwie ueber einen tag abschalten? > > Wie wär's, wenn du ihn (bzw. sie) einfach entfernst? Entweder davor mit der del-Taste oder dahinter mit der backspace-Taste. Das ist aber unschön, wenn man mehrer img-Elemente hat, alle mit src, alt, ggf. title usw. Da hat man schnell eine unübersichtliche Endloszeile. @eric: Zeilenumbrüche kann man z.B. eliminieren, indem man sie in Kommentare einbettet: <C> steht im folgenden für ein an dieser Stelle passendes Container-Element, z.B. div, span, ... ~~~html <C><!-- --><IMG SRC="images/Blumente.bmp" border="none"><!-- --><IMG SRC="images/Blumente.bmp" border="none"><!-- --><IMG SRC="images/Blumente.bmp" border="none"><!-- --></C>Es gibt noch die Methode, die Tags über den Zeilenumbruch zu schreiben, finde ich persönlich aber häßlich und fehlerträchtig:
<C ><IMG SRC="images/Blumente.bmp" border="none" ><IMG SRC="images/Blumente.bmp" border="none" ><IMG SRC="images/Blumente.bmp" border="none" ></C>Abgesehen davon sieht das sehr nach eine Liste aus:
<UL><!-- --><LI><IMG SRC="images/Blumente.bmp"></LI><!-- --><LI><IMG SRC="images/Blumente.bmp"></LI><!-- --><LI><IMG SRC="images/Blumente.bmp"></LI><!-- --></UL>entsprechend mit CSS anpassen (display:inline für die li-elemente). ggf. padding/margin für ul und/oder li auf 0 setzen.
border-Attribut des img-Elements duch die CSS-Entsprechung border: none ersetzen.Cü,
Kai
--
Hard to believe that anyone would use Prototype.js at this
point. It was a bad idea in 2006 and it hasn't gotten any better with age. (David Mark)
Foren-Stylesheet Site Selfzeugs
SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?-
Das ist aber unschön, wenn man mehrer img-Elemente hat, alle mit src, alt, ggf. title usw. Da hat man schnell eine unübersichtliche Endloszeile.
Genehmigt :)
Abgesehen davon [...]
Abgesehen davon solltest du HTML-Elementnamen und Attributbezeichner immer klein schreiben, da es einerseits beim Lesen weniger in den Augen schmerzt und andererseits die migration auf XHTML erleichtert.
-
[latex]Mae govannen![/latex]
Abgesehen davon solltest du HTML-Elementnamen und Attributbezeichner immer klein schreiben, da es einerseits beim Lesen weniger in den Augen schmerzt und andererseits die migration auf XHTML erleichtert.
Eigentlich schon. Hatte ich keine Lust zu. Ich hab den Code einfach nur aus dem OP mit C+P vervielfältigt und dann nach den gleichen Regeln vervollständigt. Hier bei mir wirst du dahingegen niemals großgeschriebene Element-/Attributnamen finden.
Außerdem: für eine XHTML-Migaration gibt es ja tidy ;)
Cü,
Kai
--
Hard to believe that anyone would use Prototype.js at this
point. It was a bad idea in 2006 and it hasn't gotten any better with age. (David Mark)
Foren-Stylesheet Site Selfzeugs
SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?
-
-
Zwischen den Elementen ist kein Freizeichen, das man einfach wegmachen kann. Aber mit den Kommentarzeichen klappt es, danke Kai!
Es uebrigends ein Bild, das sich aus einzelnen Teilen zusammensetzt.-
@@Eric N. Falbe:
nuqneH
Es uebrigends ein Bild, das sich aus einzelnen Teilen zusammensetzt.
Dann sollte es EINE Bilddatei sein, nicht drei.
Das Zerstückeln von Bildern ist so gut wie nie sinnvoll. (Die einzige mir einfallende Ausnahme hat nichts mit Webseiten zu tun.)
Qapla'
--
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
-
-
-
-
<IMG SRC="images/Blumente.bmp" border="none">
.bmp heisst soviel wie
"Bitte haben Sie etwas Geduld, Sie bekommen hier zwar vollkommen überflüssige, dafür garantiert originale Rohdaten".Bitte mach dich schlau zum Thema geeignete Bildformate für das Web.
Und wende diese Erkenntnis bitte auch in deinem Email-Verkehr an.Im web sollten Bilder max 90 dpi aufgelöst sein, und eine Grösse von 50kBytes nur ausnahmsweise überschreiten, in aller Ragel aber deutlich unter 20kBytes liegen.
(Im Namen meiner geplagten Mutter)
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
"Bitte haben Sie etwas Geduld, Sie bekommen hier zwar vollkommen überflüssige, dafür garantiert originale Rohdaten".
Zwischen einem Rohdatenformat und Windows-Bitmaps liegen aber schon Welten - übertreibs nicht :D
Im web sollten Bilder max 90 dpi aufgelöst sein
Die Auflösung ist ansich relativ egal, die Bilder werden ohnehin meistens auf Monitoren dargestellt :)
-
Die Auflösung ist ansich relativ egal, die Bilder werden ohnehin meistens auf Monitoren dargestellt :)
Ist sie nicht, wenn du ein Bild konvertierst, zum Beispiel von svg nach png.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
Die Auflösung ist ansich relativ egal, die Bilder werden ohnehin meistens auf Monitoren dargestellt :)
Ist sie nicht, wenn du ein Bild konvertierst, zum Beispiel von svg nach png.
Wenn man einen Vektor in eine Rastergrafik konvertiert oder umgekehrt mag das eine Rolle spielen, ja - aber ob man ein JPG mit 300, 72 oder 4800 dpi speichert ist ansich egal.
-
-
-
-
-