[HTML]Wielkość bocznego Paska przewijana, Pasek Opcje

[zibi098]

witam chciał bym sie zapytac jak mam zmniejszyć boczny pasek przewijana

[CSS] pobierz, plaintext 
overflow-x:hidden;
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="PROJEKTSZABLONU-23">                                                 
	<div style="background: url('images/PROJEKTSZABLONU_23.jpg'); height: 189px; width: 741px;overflow-x:hidden;">
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	<a class="example-image-link" href="img/demopage/projekt/duzy/image-2.jpg" data-lightbox="example-2" title="Optional caption."><img class="example-image" src="img/demopage/projekt/maly/thumb-2.jpg" alt="thumb-1" width="63" height="63"/></a>
	</div>
	</div>
[HTML] pobierz, plaintext 

Powód edycji: [Kshyhoo]: po rak kolejny: kod umieszczamy w znacznikach a nie w cytat

[--timon27--]

Co oznacza "zmniejszyć'?
Ma być chudszy?
Czy krótszy?
Czy sam środkowy guzik ma być krótszy?

[zibi098]

krótszy

i czy ktoś by jeszcze mógł mi zrobic tutaj taki dolny pasek ?
jak na foto
(IMG:http://www31.speedyshare.com/EPz79/download/123123.png)

nizej podaje kod odpowiedzalny za to

[HTML] pobierz, plaintext 
	<div id="PROJEKTSZABLONU-15">
	<div class="boxx">
 
		<a class="boxik active" rel="text-1">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
		<a class="boxik" rel="text-2">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
		<a class="boxik" rel="text-3">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
	</div>
		<img src="images/PROJEKTSZABLONU_15.jpg" alt="">
	</div>
[HTML] pobierz, plaintext 

[timon27]

Po prostu pasek jest nie od całego diva tylko od mniejszego diva który jest w środku diva.

Ten kawałek nie jest odpowiedzialny za to (IMG:style_emoticons/default/smile.gif)

Ten post edytował timon27 6.03.2014, 20:21:47

[zibi098]

jak nie jeest odpowiedzalny jak jest --.--

Ten post edytował zibi098 6.03.2014, 20:35:06

[timon27]

Najważniejszy jest css którego tu nie ma.
to on:
- nadaje dolny pasek przewijania divowi boxx i ustal mu szerokość aby się zmieścił w divie PROJEKTSZABLONU-15 z luzem z prawej strony
- nadaje divowm PROJEKTSZABLONU-15 i boxx kolor tła biały, dzięki czemu zlewają się na czarnym tle w jedność.
- umieszcza obrazek images/PROJEKTSZABLONU_15.jpg na divie PROJEKTSZABLONU-15

Ten post edytował timon27 6.03.2014, 21:31:09

[zibi098]

[HTML] pobierz, plaintext 
<div id="PROJEKTSZABLONU-15">
<div style="overflow-y:visible;" "id="overvist">
	<div class="boxx">
 
		<a class="boxik active" rel="text-1">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
				<a class="boxik active" rel="text-1">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
		<a class="boxik" rel="text-2">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
		<a class="boxik" rel="text-3">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
		<a class="boxik" rel="text-4">
		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
		Tytuł
		</a>
 
	</div>
		<img src="images/PROJEKTSZABLONU_15.jpg" alt="">
	</div>
[HTML] pobierz, plaintext 

CSSS

[XML] pobierz, plaintext 
 
#overvist{
	position:absolute;
	left:0px;
	top:0px;
}
 
 
[XML] pobierz, plaintext 

[timon27]

Poddaje się.

Nie chodzi o to że nie rozumiesz nawet podstaw podstaw robienia stron (nawet css nie umiesz znaleźć).
Chodzi o to że mówię jakie jest rozwiązanie, a ty dalej swoje, w ogóle nie słuchasz rad i nie chcesz rozwiązać problemu, tylko żeby ktoś zrobił to za ciebie.

Ten post edytował timon27 6.03.2014, 22:27:53

[zibi098]

[HTML] pobierz, plaintext 
#PROJEKTSZABLONU-15 {
	position:absolute;
	left:415px;
	top:461px;
	width:741px;
	height:190px;
}
[HTML] pobierz, plaintext 

Mozesz mi to zrobic ?