Skocz do zawartości

Efekt poziomego scrolla w jednym div. Dodanie suwaka


Rekomendowane odpowiedzi

Witam! 

Piszę ponieważ potrzebuje zrobić na stronie efekt poziomego scrolla w jednym divie ale nie wiem jak to zrobić. Próbowałem tym co umiem ale nie działa, proszę o pomoc.

HTML:

<div class="friends">
			
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
				<img src="img/user.png" class="imgfriend"/>
			
			</div>

CSS:

.friends
{
	width:565px;
	margin-left:auto;
	margin-right:auto;
	height:75px;
	padding:20px;
	background-color:#fff;
	margin-top:30px;
	box-shadow:0 3px 0 #333;
	overflow-x:scroll;
	overflow-y:hidden;
}

.imgfriend
{
	float:left;
	margin:0 10px 10px 0;
	border-radius:100%;
	width:75px;
	height:75px;
}

Z góry dzięki!

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
  • Podobna zawartość

    • Mam pytanie nie wiem jak zrobić na stronie aby pokazywało styl? Jak dodać zewnętrzny arkusz stylów do HTML?
      Będę wdzięczny za pomoc.
    • Skrypt, który ma pokazać ile dni ma dany miesiąc po wskazaniu miesiąca i roku z formularza przez użytkownika.  
      Nie wiem gdzie mam błąd. Proszę o poprawienie błędu w kodzie php.
      <form action="ostatni_dzien_miesiaca.php" method="post"> <label for="miesiac">Miesiąc:</label> <select name="miesiac"> <?php for($l=1; $l<=12;++$l) echo '<option value="'.$l.'">'.$l.'</option>'; ?> </select></br></br> <label for="rok">Rok:</label> <select name="rok"> <?php for($i=1900; $i<=2090;++$i) echo '<option value="'.$i.'">'.$i.'</option>'; ?> </select></br></br> </br></br><input type="submit" name="sprawdz" value="Sprawdź dzień tygodnia" /> </br></br><input type="reset" name="reset" value="Wyczyść" /> </form> <?php $rok['rok'] = $miesiac['miesiac']; for ($i = 1; $i <= 12; $i++) { $miesiac[$i] = date("t", mktime(0, 0, 0, $i, 1, $rok)); } var_dump($miesiac); ?>
    • Witam Jestem początkująca .
      Chce zrobić kalkulator z jednym polem input, gdzie użytkownik wprowadza działanie np. 2 + 2 = lub 2 + 2 + 2 = itp. Użytkownik może wprowadzić dowolną ilość liczb np. 2 + 2 +  2 + 2 = Po kliknięciu oblicz pokazuje się wynik.
      Zrobiłam formularz html, ale nie wiem jak zrobić php. Proszę o pomoc.
      <form action="kalkulator2.php" method="post"> <p>Wpisz działanie</p> <input type="text" name="oblicz_dane" placeholder="wprowadż działanie"> </form> <p>Wynik</p>
    • Witam. Z racji tego, że pracujemy już nad nowym portfolio to postanowiliśmy udostępnić poprzednie do pobrania
      Strona była pisana na szybko, więc może posiadać lekkie niedociągnięcia - w razie czego prosimy pisać w prywatnej wiadomości - pomożemy naprawić.
      Projekt wykonany został w ciemnych kolorach i jest w pełni responsywny.
      Screen:
      Demo: JSend.pl - Life is programming!
      Download:

      Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
    • Hey, szukam godnych polecenia książek do nauki językow wymienionych wyżej, mogą być audiobooki ale nie jakieś strony czy cos w tym stylu, niestety próba uczenia się z stron kończy się u mnie fiaskiem bo wszystko mnie rozprasza dlatego szukam zwykłej książki.
      Ps. Jeśli chodzi o naukę języków to co jest lepsze uczenie się typowo pod strony www czy c++/c jeśli chciałbym wiązać to ze swoją przyszłością zawodową? 
  • Najnowsze tematy

  • Ostatnio rozwiązane

×