obrazek i tekst

[adiif1]

Witam chcialbym przesunac tekst bardziej w lewa strone lecz wraz z tekstem przesuwa mi sie takze obrazek jak temu zaradzic??


<div class="menuleft">{if $Graphstyle == "Y"}<img src="/images/icons/mana.png" alt="img_mana" class="vmiddle" width="16" height="16" hspace="24"/>{/if}<b>{$smarty.const.MANA_PTS}:</b> {$Mana} </div>
kod odp za mane probowalem przesuwac "hspacem" lecz przesuwa tylko obrazek

tutaj main.css
body {
text-align: center;
background: #000000;
/*background-color: grey;
border-style: double solid;*/
}

body img, a img {
border: 0;
}

* {
color: #999999;
font-family: Verdana;
font-size: 9pt;
}

input, textarea, select {
color: #CAB8AF;
background: #1A1A1A;
border: 1px solid #404040;
margin: 1px;
}

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
background: #262626;
color: #DED3CE;
}

a {
color: #CCCCCC;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #999999;
text-decoration: none;
}

#container {/*Glowne pudlo*/
width: 1039px;
margin: 0 auto;
}

.pasek {
min-height: 31px;
clear: both;
text-align: center;
font-weight: bold;
font-size: inherit;
width: 1039px;
margin: 0 auto 0 auto;
padding-bottom: 0.5em;
background: url(../../../../images/backgrounds/footer3.png), no-repeat;
}

#logo {/*Pudlo na logo*/
text-align: center;
margin-bottom: 1em;
/*background-color: red;
border-style: double solid;*/
}

#left {/*Lewo*/
text-align: left;
background: #000000;
float: left;
width: 242px;
min-height: 300px;
overflow: hidden;
/*background-color: purple;
border-style: double solid;*/
}

#content {/*Srodek*/
margin: 0px;
text-align: justify;
width: 555px;
float: left;
overflow: hidden;
background-color: black;
background: #000000;
}

#right {/*Prawo*/
text-align: left;
background: #000000;
float: right;
width: 242px;
min-height: 300px;
overflow: hidden;
/*background-color: purple;*/
/*border-style: double solid;*/
}

.topmenu {
width: 242px;
height: 31px;
background: url(images/backgrounds/t.png) no-repeat;
padding: 0;
margin: 0;
font-size: 1px;
}

.submenu {
background: url(images/backgrounds/menumiddle.png) repeat-y;
width: 242px;
padding: 0 5px;

}

.bottommenu {
width: 242px;
height: 32px;
background: url(images/backgrounds/b.png) no-repeat;
padding: 0;
margin-bottom: 20px;
font-size: 1px;
}

/**
* Main menu start
*/
ul#menu {
list-style-type: none;
padding: 0;
margin: 0;
}

ul#menu li {
text-align: left;
font-style: italic;
}

ul#menu li a.forum {
color: #B33C00;
}

ul#menu li a.forum:hover {
color: white;
}

ul#menu a {
display: block;
text-align: center;
font-weight: normal;
height: 21px;
width: 190px;
padding-top: 3px;
}

ul#menu a:hover {
color: white;
background: url(images/misc/menu.jpg) no-repeat;
/*background-color: yellow;*/
/*border-style: double solid;*/
}

/**
* Main menu koniec
*/

.foot {/*Stopka*/
/*position: fixed;*/
bottom: 0px;
left: 0px;
width: 555px;
height: 41px;
clear: both;
text-align: center;
font-size: 0.9em;
background: url(images/backgrounds/bcontent.png) no-repeat;
margin: 0 auto 0 auto;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

form {
margin: 0;
padding: 0;
}

.lostpasswd a {
text-align: center;
font-size: 0.9em;
}

.title2 {/*Naglowek uzyty w register.tpl*/
font-weight: bold;
font-size: 1.1em;
text-align: center;
margin: 0.2em 0;
}

.text {/*Styl dla roznych tekstow*/
margin: 0 1em;
}

.news {/*Wiesci na stronie glownej*/
overflow: auto;
margin: 0 1em;
}

#reg {/*Box z rejestracja*/
text-align: right;
}

.register {
text-align: right;
}

.center {
text-align: center;
}

.right_text {/*FAQ*/
width: 48%;
float: right;
}

.left_text {/*FAQ*/
width: 48%;
float: left;
}

.right_text ul, .left_text ul {/*FAQ*/
margin-top: 0;
}

ul.sword {
list-style-type: none;
list-style-image: url(images/misc/list.png);
}

.newsimg {/*Obrazek wiesci*/
margin: 0 137px;
width: 200px;
height: 96px;
background: url(images/misc/wiesci.jpg) no-repeat;
/*background-color: orange;*/
/*border-style: double solid;*/
}

p {
text-indent: 0.8em;
}

.imghead {/*Obrazki w panelach bocznych*/
text-align: center;
margin: 0 auto;
padding: 2px 0 4px 0;
/*background-color: green;*/
/*border-style: double solid;*/
}

.imgtitle {/*Obrazki w srodku, wieksze*/
text-align: center;
margin: 0 auto;
padding: 1em 0;
background: url(images/backgrounds/tcontent.png) no-repeat;
/*background-color: blue;*/
/*border-style: double solid;*/

}

.regico {/*Ikona w rejestracji*/
width: 100px;
height: 100px;
float: left;
/*background-color: pink;*/
/*border-style: double solid;*/
}

.regico img {
padding: 21px 0 0 21px;
}

img.logicon {/*Ikony przy logowaniu*/
padding-right: 3px;
}

img.promo {/*Grafiki promocyjne */
margin: 5px auto 10px auto;
padding: 4px;
/*background: gray;*/
border: 1px solid gray;
}

#ads {/*Reklamy gugle*/
position: absolute;
left: 0;
top: 0;
width: 120px;
height: 240px;
}

.button {
margin: 0 auto;
text-align: center;
padding: 3px 0;
}

hr {
background: url(images/misc/footer.png) no-repeat center center;
height: 1px;
border: 0;
margin: 0;
padding: 0;
/*background-color: red;*/
/*border-style: double solid;*/
}

span.Tag {
font-size: 100%;
}

.footimg {
margin: 0 auto;
text-align: center;
padding: 1em 0;
}

[michalszyd]

Spróbuj ustawić mniejszy padding-left dla tych napisów Poziom, PD ...