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

[HTML][CSS] Ustawienie Div-ów

42 Warsaw Coding Academy
–1 głos
973 wizyt
pytanie zadane 1 grudnia 2015 w HTML i CSS przez Stami Gaduła (3,790 p.)
edycja 1 grudnia 2015 przez Stami

Witam, na mojej stronie stworzyłem takie coś:

Tylko, że ilekroć uzyskać taki efekt:

wychodzą mi błędy (ogulnie w stylu, że 2 FB jest potczepiony do 1)

 

Kody:


HTML:

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title></title>
	
	<meta name="description" content="Opis w Google" />
	<meta name="keywords" content="słowa, kluczowe, wypisane, po, porzecinku" />
	<link rel="stylesheet" href="naszestrony.css" type="text/css" />
	<link href='https://fonts.googleapis.com/css?family=Lato|Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/fontello.css" type="text/css" />
	
</head>

<body>
<div id="kontener">

<div id="logo">
	Nasze strony
</div>


<div class="opowiesc">
Opowieść 1
</div>

<div class="fb">
FB
</div>
</div>

</body>

</html>

 

 

 

 


body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

#kontener
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#logo
{
	font-size: 70px;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
}



.opowiesc
{
	font-size: 40px;
	text-align: center;
	margin-top: 10px;
	background-color: #555555;
	width: 800px;
	float: left;
}
.fb
{
	background-color: #4668b3;
	text-align: center;
}

 

2 odpowiedzi

0 głosów
odpowiedź 1 grudnia 2015 przez KubVard Użytkownik (510 p.)
Ale co konkretnie chcesz uzyskać? Bo nie za bardzo rozumiem.
komentarz 1 grudnia 2015 przez Stami Gaduła (3,790 p.)

(2 obrazek)

Żeby uzyskać druge zgromadenie Div-ów pod 1, żeby nie robiło się tak:

 

–1 głos
odpowiedź 1 grudnia 2015 przez Danieter77 Bywalec (2,470 p.)
powiem tak pogrzeb w css nie powiem bo kod html przycioleś
komentarz 1 grudnia 2015 przez Stami Gaduła (3,790 p.)
Sorka, już to poprawiam.

Ale i tak tam dalej jest tylko zakończenie DIV-a "kontener" i koniec strony.
komentarz 1 grudnia 2015 przez Danieter77 Bywalec (2,470 p.)
nie umieściłeś div'ów odpowadających za "opowieść 2"
komentarz 1 grudnia 2015 przez Stami Gaduła (3,790 p.)

Tyle że jak umieszcze to wychodzi tak:


...

<div id="logo">
	Nasze strony
</div>


<div class="opowiesc">
Opowieść 1
</div>

<div class="fb">
FB
</div>

<div class="opowiesc">
Opowieść 1
</div>

<div class="fb">
FB
</div>

...

 

komentarz 1 grudnia 2015 przez Danieter77 Bywalec (2,470 p.)
może padding-top w css dla diva na dole
komentarz 1 grudnia 2015 przez Stami Gaduła (3,790 p.)
Którego DIV-a masz konkretnie na myśli?
komentarz 1 grudnia 2015 przez Danieter77 Bywalec (2,470 p.)
tego na dole
komentarz 1 grudnia 2015 przez Stami Gaduła (3,790 p.)

Efekt:


:P cheeky :P cheeky :P cheeky :P cheeky


 

Podobne pytania

0 głosów
1 odpowiedź 202 wizyt
pytanie zadane 20 czerwca 2018 w JavaScript przez kenjiro244 Dyskutant (8,600 p.)
+2 głosów
1 odpowiedź 1,013 wizyt
0 głosów
2 odpowiedzi 2,169 wizyt

93,379 zapytań

142,380 odpowiedzi

322,533 komentarzy

62,734 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

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...