HTML/CSS - mysteriöser Rand

[Weom]

Hey,
ich habe ein kleines Problem, all meine Bilder haben einen weißen Rand, obwohl dies gar nicht gewollt ist:

 Spoiler

HTML Code:

PHP Code:

<div id="accs1"><img style="height:32px; width:32px; background-position: '.$ITEM[$itemID].'  background-image:url(img/schmuck.png);"/></div> 


$ITEM[$itemID] = Position des Bildes

CSS:

PHP Code:

#accs3
{
    margin-left: 541px;
    margin-top: -32px;
} 


Wie bekomme ich nun diesen Rand weg ?

[Synatex]

border: 0; falls es wirklich nen Rand sein sollte

[Weom]

Habe ich bereits versucht, der "Rand" bleibt.

[#SoNiice]

Dumme Frage: Haben die Bilder selbst vielleicht diesen Rand oder liegt dieser in deinem Background und die Bilder passen da genau rein?

[Weom]

Die Bilder haben keinen Rand, sind 32x32 groß und passen eigentlich genau in die Form.

/e
Wenn ich height:32px; width:32px; änder, kommt der Rand mit.

[devcode]

Vielleicht bekommt er den Rand irgendwo vererbt. Hast du mal ein !important in der css anweisung für border: 0; versucht? Oder irgendwie ein padding das was verzieht?

[Weom]

Ich habe es auch in einer leeren HTML Datei getestet, da ist immer ein weißer Rand dabei.

[devcode]

Kannst du uns diese leere HTML seite mal posten, am besten irgendwie online?

[Weom]

Darin steht nur:

PHP Code:

<div id="eq6"><img style="height:32px; width:32px; background-position: -64px 0px;  background-image:url(img/mantel.png);" />
                        </div> 


Meine ganze CSS Datei, bitte nicht umfallen, bin ziemlich schlecht in CSS :-D:

PHP Code:

/* LEXICON CSS */
body{
  margin: 0;
  padding: 0;
}

.search {
    color:#966e37;
    font-family: helvetica;
    font-size: 13px;
    background: url("img/button.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    width: 105px;
    height: 41px;
    vertical-align: 18px;
    margin-left: 15px;
    font-weight: 500;
    
}

#lexicon_form{
    margin-top: 50px;
    width:700px;
    height:55px;
    margin-left:auto;
    margin-right:auto;
    background-color:#26282e;
    background-color: rgba(38,40,46,0.9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #777777;
    border-top:1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
    font-size: 12px;
    line-height:1.5;



}

#text_lexicon {
    font-family: Verdana;
    font-size: 14px;
    margin: 0;
    text-shadow:#000 0 0 1px;
    letter-spacing: 0.9px;
    color:#8A8A8A;
    float: left;
}


#lexicon_char_bg
{
    background-image: url(img/lexicon_char_bg.png);
    width: 424px;
    height: 300px;
    margin-left: 28%;
    margin-top: 150px;
}

#lexicon_eq_form
{
    margin-top: -50%;
}

/*KÖRPER*/

#eq1{
    left: 955px;
    top: 785px;
    position: absolute;

}
#eq2{
    left: 955px;
    top: 822px;
    position: absolute;
}

#eq3{
    left: 955px;
    top: 859px;
    position: absolute;
}

#eq4{
    left: 955px;
    top: 896px;
    position: absolute;
}

#eq5{
    left: 955px;
    top: 933px;
    position: absolute;
}
#eq6{
    left: 955px;
    top: 970px;
    position: absolute;
}

/*SCHMUCK*/

#accs1{
    margin-left:468px;
    margin-top: -32px;

}
#accs2{
    margin-left: 51.5%;
    margin-top: -32px;
}

#accs3{
    margin-left: 541px;
    margin-top: -32px;
    border: 0 !important;
}

#accs4{
    margin-left: 579px;
    margin-top: -32px;
}

#accs5{
    margin-left: 615px;
    margin-top: -32px;
}

/*WAFFEN*/
#w1{
    margin-left:400px;
    margin-top: -65px;

}
#w2{
    margin-left:363px;
    margin-top: -32px;
}

#w3{
    margin-left:324px;
    margin-top: -32px;
}

/*TASCHEN*/
#bag1{
    padding-left:3.5%;
    margin-top:-32px;

}
#bag2{
    padding-left:3.5%;
    margin-top: -68px;
}

#bag3{
    padding-left:3.5%;
    margin-top: -69px;
}
#bag4{
    padding-left:3.5%;
    margin-top:-69.5px;

}
#bag5{
    padding-left:3.5%;
    margin-top: -70px;
}

#bag6{
    padding-left:3.5%;
    margin-top: -68px;
} 


[devcode]

Konnte mit deinem Code nichts feststellen. Was für einen Browser benutzt du denn? Kannst du mir vielleicht die richtige seite (die auch online ist) mal über PN zuschicken?

[tolio]

ist der rand vllt einfach im bild?

[Weom]

Nein, hier die Seite:

[devcode]

Vielleicht ladest du mal die global.css richtig hoch bzw. verlinkst sie richtig. Denn ein rand ist nicht vorhanden im icon.

[Weom]

Originally Posted by devcode

Vielleicht ladest du mal die global.css richtig hoch bzw. verlinkst sie richtig. Denn ein rand ist nicht vorhanden im icon.

Was meinst du mit richtig hochladen/verlinken ? Die .css Datei wird doch richtig verlinkt - und zwar in einer anderen Datei:

PHP Code:

<link rel="stylesheet" type="text/css" href="global.css" /> 


[devcode]

Ist aber nicht auffindbar. Benutzt du ein developer tool wie firebug oder sowas? Hast du mal deinen Browserchache geleert?