Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Ustawienie elementów
Warmix
post
Post #1





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

Ostrzeżenie: (0%)
-----


Cześć,
podany jest HTML:

  1. <!doctype html>
  2. <ul>
  3. <li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
  4. <li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li>
  5. </ul>
  6. <p>Sample description</p>
  7. </body>
  8. </html>



Oraz CSS:

Cytat
ul:after {
display:block;
height:0;
content:’’;
clear:both;
}



Edytując wyłącznie CSS doprowadzić należy do efektu przedstawionego na screenie poniżej (można użyć np. float i nth-child):


Udało mi się już coś zmodyfikować to trochę, ale mam problem z ustawianiem tego.
https://jsfiddle.net/2opkm3hf/1/
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A co Ci się udało zmodyfikować? W przykładzie, który podajesz nawet trochę nie przypomina układu z rozwiązania.
Drobna podpowiedź: do połowy używasz float:left, do drugiej float:right;


--------------------
Go to the top of the page
+Quote Post
Warmix
post
Post #3





Grupa: Zarejestrowani
Postów: 173
Pomógł: 0
Dołączył: 13.06.2011

Ostrzeżenie: (0%)
-----


Rozumiem, tylko nie wiem do końca, w jaki sposób sprawić, żeby no np. od 7 elementu wyświetlane elementy były niżej.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 11:01