CSS Проблем

[ReXTaN]

Здравейте как мога да преместя картинка с CSS код ?

Ето го моя код, но нещо не работи:

HTML:

<img class="img" src="header.png">

CSS:

.img {
padding-top: center;
padding-right: center;
padding-bottom: center;
padding-left: center;
}

Искам да е в средата на монитора но незнам къде ми е грешката начинаещ съм в CSS-а !

Който ми помогне +1

 

[gionai]

CSS центриране на <div>
.div {margin: 0 auto;}
_____________________
CSS центриране на <img>CSS.style {margin:0 auto;}HTML<img class="style".../>
-------------------------или просто img {margin: 0 auto;}
_____________________
За тапет на DIV....
div{margin: 0 auto;
background: transparent url('somepic.ext') center no-repeat;
}

 

[adrian]

<div class="center"><img src="header.png" /></div>

.center {
width: 200px;
margin-left: auto;
margin-right: auto;
}

width: 200; - ти е широчината на картинката

Също така ако искаш и вертикално да е в средата пробвай това:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>index</title>
<style>
html, body {height:100%;}
.valign {vertical-align: middle;}
</style>
</head>

<body bgcolor="#000000">
<table width="100%" height="100%" class="valign">
<tr>
<td style="color: white;" align="center">
<img src="header.png" />
</td></tr></table>
</body>
</html>