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

[HTML][CSS] Ustawienie Div-ów

Object Storage Arubacloud
–1 głos
526 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ź 110 wizyt
pytanie zadane 20 czerwca 2018 w JavaScript przez kenjiro244 Dyskutant (8,600 p.)
+2 głosów
1 odpowiedź 773 wizyt
0 głosów
2 odpowiedzi 1,235 wizyt

92,566 zapytań

141,419 odpowiedzi

319,604 komentarzy

61,952 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...