Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Float: right a element pod spodem
Forum PHP.pl > Forum > Przedszkole
wiktor0000
17.06.2020, 19:56:41
Witam, mam pewien problem nad którym siedzę już kilka godzin otóż jak usunąć te bordery pod elementem o klasie .box


Kod
[HTML] pobierz, plaintext 
  1. <div class="box" style="float:right">asddddddddddddddddddd</div>
  2.  
  3.        <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
  4.         <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
  5.         <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
  6.  
  7.  
  8.         <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
  9.         <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. .tytul {
  2.  
  3. 	font-family: 'Oswald', sans-serif;
  4. 	border: 2px solid red;
  5. 	margin-bottom: 5%;
  6. 	margin-left: 5%;
  7. 	width: 90%;
  8. 	-webkit-box-shadow: 0px 0px 14px 4px rgba(142,228,175,1);
  9. 	-moz-box-shadow: 0px 0px 14px 4px rgba(142,228,175,1);
  10. 	box-shadow: 0px 0px 14px 4px rgba(142,228,175,1);
  11. }
  12. .box {
  13. 	opacity: .5;
  14. 	float:left;
  15. 	overflow:hidden;
  16. 	margin-top: -10px;
  17. 	border: 2px solid red;
  18. 	height: 400px;
  19. 	width: 400px;
  20. 	BACkground:white;
  21. }
[HTML] pobierz, plaintext
viking
18.06.2020, 06:03:57
Na pewno nie w takim układzie. Zrób float left n-pierwszym elementom albo inaczej to zapisz (flex).
wiktor0000
18.06.2020, 15:54:00
Te dwie opcje odpadają ponieważ wygląda to wtedy tak
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.