Bild durch css einfügen klappt nicht!

[Meatbug]

Hallo!

Ich habe ein Problem.
Seit einiger Zeit versuche ich auf meiner Homepage ein Bild einzubauen, über CSS, aber es wird leider nicht so angezeigt, wie ich es gern hätte...
Also ich will es so machen, dass ich in der HP am Ende nur:

<img id="IDNAME">

eingeben muss und das Bild erscheint...
Absichtlich habe ich in der CSS den Eintrag über die position des Bildes weggelassen, da man auf der Page nämlich in einer divbox scrollen kann...
Dann würde sich eine positionsangabe nicht gut machen (bzw nix bringen) oder?

Wie kann ich also über die externe css datei nun mein Bild so einbinden, dass es richtig funktioniert?
PS: der Fehler ist lediglich, dass um das ganze Bild eine Weiße Box drumrum ist, aber mit <img id="NewsLine" border="0">
oder in der CSS:

border: 0px

gehts auch nicht, also wie kann ich die Box verschwinden lassen?? :(

Grüße!

 

[Meatbug]

Jetzt habe ich mal versucht das ganze per <p id="IDNAME"></p>
Einzufügen, das klappt auch nur sind jetzt 2 Bilder da, obwohl ich nur eins brauche! :-(

PS: Es scheint an der Größe zu liegen, wenn ich das Bild auf eine Höhe von 20 Pixel bringe, wird es nur einmal angezeigt...
Was ist das? :(

 

[threadi]

Wie wärs noch mit dem gesamten Quellcode? Ohne den kann man nur raten ...

 

[koslowski]

Hi,

Hallo!

Ich habe ein Problem.
Seit einiger Zeit versuche ich auf meiner Homepage ein Bild einzubauen, über CSS, aber es wird leider nicht so angezeigt, wie ich es gern hätte...
Also ich will es so machen, dass ich in der HP am Ende nur:
<img id="IDNAME">
eingeben muss und das Bild erscheint...
Absichtlich habe ich in der CSS den Eintrag über die position des Bildes weggelassen, da man auf der Page nämlich in einer divbox scrollen kann...
Dann würde sich eine positionsangabe nicht gut machen (bzw nix bringen) oder?
Wie kann ich also über die externe css datei nun mein Bild so einbinden, dass es richtig funktioniert?
PS: der Fehler ist lediglich, dass um das ganze Bild eine Weiße Box drumrum ist, aber mit <img id="NewsLine" border="0">
oder in der CSS:
border: 0px
gehts auch nicht, also wie kann ich die Box verschwinden lassen?? :(
Grüße!

normal kann man Bilder als Hintergrundbild einbinden oder direkt in den Quelltext schreiben.
Als Hintergrundbild wird es nur in der CSS referenziert und positioniert
z.B.

#container  {
    background:url(../imges/bild.jpg) no-repeat left top;
             }

Im Quellcode sieht es normal so aus:

<img src="http://www.html.de/images/bild.jpg" alt="Bild" width="200" height="100" />

Im img-Tag kannst du natürlich noch eine Klasse reinschreiben, wofür du in der CSS Formatierungen definierst.

Um unerwünschte Rahmen auszuschalten definiere ich im CSS-Prolog von Hause aus folgendes:

img  {
    border:none;
     }
img a  {
    border:none;
       }

oder

a img  {
    border:none;
      }

Dann gibts eigentlich keine Probleme mehr mit unerwünschten Rahmen

koslowski