• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ustawianie divów na stronie

VPS Starter Arubacloud
0 głosów
687 wizyt
pytanie zadane 3 września 2016 w HTML i CSS przez Kamil Czech Dyskutant (7,700 p.)

Witam, mam pytanie: co mam zrobić żeby hiperłącza ustawiały się w 3 kolumnach

https://zapodaj.net/eceefe0445ff6.jpg.html

<div class="gry">

<div class="gry1">

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>


</div>

<div class="gry2">

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

</div>

<div class="gry3">

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

<a class="tooltip" href="">
   Demonstration
   <span><img src="" width="300">
   </span>
</a>

   </div>
  
  </div>

   <div style="clear:both"></div>

 


/*Gry.html*/	

.gry1
{
	float:left;
    margin-left:50px;
    margin-right:50px;

	}

.gry2
{
	float:left;	
    margin-left:50px;
    margin-right:50px;

	}


.gry3
{
	float:left;	
    margin-left:50px;
    margin-right:50px;

	}

.gry
{
     margin-left:auto;	
     margin-right:auto;
	 width: 800px;
	 }

 

2 odpowiedzi

+1 głos
odpowiedź 3 września 2016 przez kubaapk Nałogowiec (44,270 p.)
wybrane 3 września 2016 przez Kamil Czech
komentarz 3 września 2016 przez Kamil Czech Dyskutant (7,700 p.)
a jak to wyśrodkować ?
komentarz 3 września 2016 przez kubaapk Nałogowiec (44,270 p.)
komentarz 3 września 2016 przez Kamil Czech Dyskutant (7,700 p.)
Dzięki udało się
0 głosów
odpowiedź 3 września 2016 przez jaca121212 Nałogowiec (40,760 p.)
Możesz to w ten sposób zrobić

http://codepen.io/jaca121212/pen/KgKYpW
komentarz 3 września 2016 przez Comandeer Guru (604,880 p.)
Podałeś wypowiedzi, które potwierdzają to, co mówimy… Uhm. Spoko.
komentarz 3 września 2016 przez SebbaGamess Użytkownik (690 p.)
Wszystko mi się pomyliło. Pisałem to do ciebie bo powiedziałeś na odwót. Reszta komentarzy po obrazku jest niepotrebna.
komentarz 3 września 2016 przez Comandeer Guru (604,880 p.)
Nie napisałem na odwrót…

Kolumny – rozłożenie w poziomie. W jednym rzędzie masz kilka kolumn.

Wiersze – rozłożenie w pionie. Każdy rząd to jeden wiersz.

Kolumny są pionowe, ale rozkładane w poziomie. Wiersze są poziome, ale rozkładane w pionie (rząd za rzędem).
komentarz 3 września 2016 przez SebbaGamess Użytkownik (690 p.)
Aha, to o to ci chodzi. Ok, sory za te komentarze, nie zrozumiałem.
komentarz 3 września 2016 przez jaca121212 Nałogowiec (40,760 p.)

 

to są dla ciebie kolumny? :o

Stary  ale się czepiasz ale mniejsza o to.

Pokazał tutaj na zdjęciu taki efekt https://zapodaj.net/eceefe0445ff6.jpg.html

to pierwsze co przyszło mi na myśl, zrobienie  w stylu nawigacji. 

 

Podobne pytania

0 głosów
2 odpowiedzi 520 wizyt
pytanie zadane 27 lutego 2020 w HTML i CSS przez What_RU_Doing Początkujący (310 p.)
0 głosów
2 odpowiedzi 643 wizyt
pytanie zadane 17 lipca 2017 w HTML i CSS przez leemish Użytkownik (780 p.)
0 głosów
1 odpowiedź 83 wizyt
pytanie zadane 16 marca 2018 w JavaScript przez Squu Użytkownik (520 p.)

93,005 zapytań

141,971 odpowiedzi

321,251 komentarzy

62,344 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...