CSS Padding problem

[Integers]

This is what happens when I put padding in:

You must be registered for see links

CSS:

wrapper {
    width: 500px;
}
body {
    background-color:#232323;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-shadow: 0px 1px 1px #FFF;
   
}
#top_login{
    background-image:url(../images/top_login.PNG);
    height:6px;
    width:500px;
}
#mid_login{
    background-image:url(../images/middle_login.PNG);
    width:500px;
    padding-left:5px;
}
#bot_login{
    background-image:url(../images/bottom_login.PNG);
    height:24px;
    width:500px;
}

 

[Weasel]

This is what happens when I put padding in:

You must be registered for see links

CSS:

wrapper {
    width: 500px;
}
body {
    background-color:#232323;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-shadow: 0px 1px 1px #FFF;
 
}
#top_login{
    background-image:url(../images/top_login.PNG);
    height:6px;
    width:500px;
}
#mid_login{
    background-image:url(../images/middle_login.PNG);
    width:500px;
    padding-left:5px;
}
#bot_login{
    background-image:url(../images/bottom_login.PNG);
    height:24px;
    width:500px;
}

Just a guess: set width to 545 from mid_login

 

[Integers]

That just made the white space bigger

 

[JoshuaLuke]

code css properly.

 

[Integers]

Seriously stfu, I asked for support, that's not supporting me in anyway.

 

[JoshuaLuke]

Seriously stfu, I asked for support, that's not supporting me in anyway.

stop using images? use background-color: COLOR; and border-radius: SOMETHINGpx; then use the <p> tag and do p{padding:10px;}

 

[Integers]

Thank you for the help, this really tidied my css up aswell, thanks!

 

[JoshuaLuke]

Thank you for the help, this really tidied my css up aswell, thanks!

no problem dude