[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ść?

[webfreak]

Nie wiadomo co chcesz zrobić, ale dochodze do wniosku że masz już wycentrowaną stronę. Teraz nie wiem czy chcesz pomiędzy tymi liniami wkleic jakis tekst czy tylko te dwie linie jak dwie linie to

[CSS] pobierz, plaintext 
.wrapper
{
    width:100%;
    height:auto;
    float:left
}
 
.left
{
    width:200px;
    background:url('images/pic-1.gif') repeat-y; /* to 200px i 0px to background-position nie szerokość diva */
    float:left;
}
 
.right
{
    width:200px;
    background:url('images/pic-1.gif') repeat-y; /* to 200px i 0px to background-position nie szerokość diva */
    float:right;
}
 
 
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
 
<div class="wrapper">
 
    <div class="lewa"></div>
 
    <div class="prawa"></div>
 
</div>
 
[HTML] pobierz, plaintext 

jeśli chcesz uzyc tego sameog obrazka ale obrocic go horyzontalnie to sproboj uzyc

[CSS] pobierz, plaintext 
 
            -moz-transform-origin: 0px 0px;     
            -webkit-transform-origin: 0px 0px;  
 
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
 
 
[CSS] pobierz, plaintext 

Ten post edytował webfreak 5.04.2011, 19:52:35

[Johnas]

Próbuje zrobić coś takiego:


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:


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