+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: obrazek i tekst (/thread-obrazek-i-tekst)
obrazek i tekst - adiif1 - 15-07-2011
Witam chcialbym przesunac tekst bardziej w lewa strone lecz wraz z tekstem przesuwa mi sie takze obrazek jak temu zaradzic??
![[Obrazek: beztytuucgq.png]](http://img190.imageshack.us/img190/2016/beztytuucgq.png)
<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;
}
RE: obrazek i tekst - michalszyd - 16-07-2011
Spróbuj ustawić mniejszy padding-left dla tych napisów Poziom, PD ...