[CSS]linia od prawej, Repart Opcje

[Johnas]

[CSS] pobierz, plaintext 
.spacer-5 {width:100%; background:url(../images/pic-1.gif) 200px 0 repeat-y;}
[CSS] pobierz, plaintext 

ten kod robi linie o odległości 200px od lewej strony ja chce to samo tyle ze od prawej. jest możliwość?

[Johnas]

Próbuje zrobić coś takiego:
(IMG:http://img824.imageshack.us/img824/8306/forumphpt.png)

Kodu jakiego używam wygląda tak:

[HTML] pobierz, plaintext 
<section id="content">
 
    <div class="container_24F">
 
        <div class="wrapper spacer-5">
 
            <div class="grid_18">
 
<!-- ==============================forums go================================ --> 
                <div class="forumstart indent-bot4">
 
	<div class="belka">
	<center><h3><strong>Nazwa dzialu</strong></h3></center>
</div>
				</div>
 
<!-- ==============================forums end================================ --> 
 
 
            </div>
 
            <div class="grid_6">
 
                <h3>Informacje kontaktowe:</h3>
 
                <div id="slides">
 
                    <div class="slides_container">
 
 
					<div> 
					<h3>Korespondencja:</h3>
					<div style="float:left; width:16px;">
					<img src="http://przewozy-osobowe.hsms.pl/images/fish_us1.gif" border="0" />
					</div>
					<div style="float:right; width:200px;">
					Ul. jakastam 44/32<br>
					Świnoujście 72-600<br /><br /><br /><br />
					</div>
					</div>
 
					<div> 
					<h3>Telefon:</h3>
					<div style="float:left; width:16px;">
					<img src="http://przewozy-osobowe.hsms.pl/images/fish_us2.gif" border="0" />
					</div>
					<div style="float:right; width:200px;">
					Webmaster:883-504-493<br>
					Grafik: 519-791-434<br><br /><br /><br />
 
					</div>
					</div>
 
					<div> 
					<h3>E-mail:</h3>
					<div style="float:left; width:16px;">
					<img src="http://przewozy-osobowe.hsms.pl/images/fish_us3.gif" border="0" />
					</div>
					<div style="float:right; width:200px;">
					zlecenia@websmake.pl<br>
					grafik@websmake.pl
					webmaster@websmake.pl<br /><br /><br />
					</div>
					</div>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
</section>
[HTML] pobierz, plaintext 

I css:

[CSS] pobierz, plaintext 
#content {width:100%; padding:53px 0px 60px 0px;}
 
/* Forums
----------------------------------------------------------------------------------------------------*/
.container_24F {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	font-size:0.8125em;
	line-height:1.3846em;
}
 
.container_24F .grid_18 {
	width:auto;
}
 
.container_24F .grid_6 {
	width:230px;
}
 
.wrapper {width:100%; overflow:hidden;}
 
.indent-bot4 {margin-bottom:25px;}
 
.spacer-5 {width:100%; background:url(../images/pic-1.gif) 200px 0 repeat-y;}
 
.forumstart {width:100%; height:680px;}
.belka {
width:700px; 
height:20px;
background:url(../images/bg.jpg) center 0 no-repeat #090807; 
letter-spacing:1px;
overflow:hidden; 
padding:1px 0 12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 1px 2px rgba(0,0,0,0.75);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.75);
}
.belka h3 { font-size:33px; line-height:0.8em; color:#94ca00; word-spacing:0.2em;}
.belka h3 strong { color:#fff; word-spacing:normal; letter-spacing:1px;}
 
[CSS] pobierz, plaintext 

Efekt do uzyskania:
(IMG:http://img268.imageshack.us/img268/7320/forumphpx.png)

Ten post edytował Jonek_1993 5.04.2011, 20:28:11