Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Wielkość bocznego Paska przewijana
Forum PHP.pl > Forum > Przedszkole
zibi098
6.03.2014, 17:23:20
witam chciał bym sie zapytac jak mam zmniejszyć boczny pasek przewijana
[CSS] pobierz, plaintext 
  1. overflow-x:hidden;
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <div id="PROJEKTSZABLONU-23">                                                 
  2. 	<div style="background: url('images/PROJEKTSZABLONU_23.jpg'); height: 189px; width: 741px;overflow-x:hidden;">
  3. 	<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>
  4. 	<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>
  5. 	<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>
  6. 	<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>
  7. 	<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>
  8. 	<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>
  9. 	<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>
  10. 	<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>
  11. 	<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>
  12. 	<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>
  13. 	<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>
  14. 	<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>
  15. 	<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>
  16. 	<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>
  17. 	<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>
  18. 	<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>
  19. 	<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>
  20. 	<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>
  21. 	<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>
  22. 	<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>
  23. 	<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>
  24. 	<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>
  25. 	<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>
  26. 	<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>
  27. 	</div>
  28. 	</div>
[HTML] pobierz, plaintext
-timon27-
6.03.2014, 18:35:40
Co oznacza "zmniejszyć'?
Ma być chudszy?
Czy krótszy?
Czy sam środkowy guzik ma być krótszy?
zibi098
6.03.2014, 19:29:52
krótszy

i czy ktoś by jeszcze mógł mi zrobic tutaj taki dolny pasek ?
jak na foto


nizej podaje kod odpowiedzalny za to 

[HTML] pobierz, plaintext 
  1. 	<div id="PROJEKTSZABLONU-15">
  2. 	<div class="boxx">
  3.  
  4. 		<a class="boxik active" rel="text-1">
  5. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  6. 		Tytuł
  7. 		</a>
  8.  
  9. 		<a class="boxik" rel="text-2">
  10. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  11. 		Tytuł
  12. 		</a>
  13.  
  14. 		<a class="boxik" rel="text-3">
  15. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  16. 		Tytuł
  17. 		</a>
  18.  
  19. 	</div>
  20. 		<img src="images/PROJEKTSZABLONU_15.jpg" alt="">
  21. 	</div>
[HTML] pobierz, plaintext
timon27
6.03.2014, 20:20:53
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 smile.gif
zibi098
6.03.2014, 20:32:22
jak nie jeest odpowiedzalny jak jest --.--
timon27
6.03.2014, 21:25:46
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
zibi098
6.03.2014, 22:19:40 
[HTML] pobierz, plaintext 
  1. <div id="PROJEKTSZABLONU-15">
  2. <div style="overflow-y:visible;" "id="overvist">
  3. 	<div class="boxx">
  4.  
  5. 		<a class="boxik active" rel="text-1">
  6. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  7. 		Tytuł
  8. 		</a>
  9. 				<a class="boxik active" rel="text-1">
  10. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  11. 		Tytuł
  12. 		</a>
  13.  
  14. 		<a class="boxik" rel="text-2">
  15. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  16. 		Tytuł
  17. 		</a>
  18.  
  19. 		<a class="boxik" rel="text-3">
  20. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  21. 		Tytuł
  22. 		</a>
  23.  
  24. 		<a class="boxik" rel="text-4">
  25. 		<img src="http://cs-lamers.com/download/file.php?avatar=4351_1365333420.gif" alt=""/>
  26. 		Tytuł
  27. 		</a>
  28.  
  29. 	</div>
  30. 		<img src="images/PROJEKTSZABLONU_15.jpg" alt="">
  31. 	</div>
[HTML] pobierz, plaintext


CSSS

[XML] pobierz, plaintext 
  1.  
  2. #overvist{
  3. 	position:absolute;
  4. 	left:0px;
  5. 	top:0px;
  6. }
  7.  
  8.  
[XML] pobierz, plaintext
timon27
6.03.2014, 22:23:20
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.
zibi098
6.03.2014, 22:28:25 
[HTML] pobierz, plaintext 
  1. #PROJEKTSZABLONU-15 {
  2. 	position:absolute;
  3. 	left:415px;
  4. 	top:461px;
  5. 	width:741px;
  6. 	height:190px;
  7. }
[HTML] pobierz, plaintext


Mozesz mi to zrobic ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.