HTML/CSS - mysteriöser Rand

10/13/2013 16:26 Weom#1
Hey,
ich habe ein kleines Problem, all meine Bilder haben einen weißen Rand, obwohl dies gar nicht gewollt ist:


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-left541px;
    
margin-top: -32px;

Wie bekomme ich nun diesen Rand weg ?
10/13/2013 16:34 Synatex#2
border: 0; falls es wirklich nen Rand sein sollte
10/13/2013 16:36 Weom#3
Habe ich bereits versucht, der "Rand" bleibt.
10/13/2013 16:47 #SoNiice#4
Dumme Frage: Haben die Bilder selbst vielleicht diesen Rand oder liegt dieser in deinem Background und die Bilder passen da genau rein?
10/13/2013 16:50 Weom#5
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.
10/13/2013 17:03 devcode#6
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?
10/13/2013 17:08 Weom#7
Ich habe es auch in einer leeren HTML Datei getestet, da ist immer ein weißer Rand dabei.
10/13/2013 17:09 devcode#8
Kannst du uns diese leere HTML seite mal posten, am besten irgendwie online?
10/13/2013 17:12 Weom#9
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{
  
margin0;
  
padding0;
}

.
search {
    
color:#966e37;
    
font-familyhelvetica;
    
font-size13px;
    
backgroundurl("img/button.png"no-repeat scroll 0 0 transparent;
    
cursorpointer;
    
width105px;
    
height41px;
    
vertical-align18px;
    
margin-left15px;
    
font-weight500;
    
}

#lexicon_form{
    
margin-top50px;
    
width:700px;
    
height:55px;
    
margin-left:auto;
    
margin-right:auto;
    
background-color:#26282e;
    
background-colorrgba(38,40,46,0.9);
    -
webkit-border-radius3px;
    -
moz-border-radius3px;
    
border-radius3px;
    
border:1px solid #777777;
    
border-top:1px solid #cfcfcf;
    
-webkit-box-shadow0px 0px 3px #000;
    
-moz-box-shadow0px 0px 3px #000;
    
font-size12px;
    
line-height:1.5;



}

#text_lexicon {
    
font-familyVerdana;
    
font-size14px;
    
margin0;
    
text-shadow:#000 0 0 1px;
    
letter-spacing0.9px;
    
color:#8A8A8A;
    
floatleft;
}


#lexicon_char_bg
{
    
background-imageurl(img/lexicon_char_bg.png);
    
width424px;
    
height300px;
    
margin-left28%;
    
margin-top150px;
}

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

/*KÖRPER*/

#eq1{
    
left955px;
    
top785px;
    
positionabsolute;

}
#eq2{
    
left955px;
    
top822px;
    
positionabsolute;
}

#eq3{
    
left955px;
    
top859px;
    
positionabsolute;
}

#eq4{
    
left955px;
    
top896px;
    
positionabsolute;
}

#eq5{
    
left955px;
    
top933px;
    
positionabsolute;
}
#eq6{
    
left955px;
    
top970px;
    
positionabsolute;
}

/*SCHMUCK*/

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

}
#accs2{
    
margin-left51.5%;
    
margin-top: -32px;
}

#accs3{
    
margin-left541px;
    
margin-top: -32px;
    
border!important;
}

#accs4{
    
margin-left579px;
    
margin-top: -32px;
}

#accs5{
    
margin-left615px;
    
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;

10/13/2013 17:19 devcode#10
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?
10/13/2013 17:27 tolio#11
ist der rand vllt einfach im bild?
10/13/2013 17:34 Weom#12
Nein, hier die Seite: [Only registered and activated users can see links. Click Here To Register...]
10/13/2013 17:45 devcode#13
Vielleicht ladest du mal die global.css richtig hoch bzw. verlinkst sie richtig. Denn ein rand ist nicht vorhanden im icon.
10/13/2013 18:01 Weom#14
Quote:
Originally Posted by devcode View Post
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" /> 
10/13/2013 18:07 devcode#15
Ist aber nicht auffindbar. Benutzt du ein developer tool wie firebug oder sowas? Hast du mal deinen Browserchache geleert?