Szkielet DIV

Witam, potrzebuję jakiś program gdzie mógłbym sobie narysować jakby szkielet strony za pomocą elementów DIV i innych, mam straszny problem z rozłożeniem elementów na stronie, wspomaganie "outline" mi nie pomaga za wiele...

Nie czaje gdzie chcesz to zaprogramować i jak pobrać to HTMLem.

Poszukaj sobie w sieci przykładowych układów albo użyj jakiegoś grida, np. http://getskeleton.com/

Nie ma jakiegoś bardzo dobrego kursu o DIV, w sensie co zrobić, aby był tu, lub tu, lub tam, bo z kursu płatnego za 69 zł... Dowiedziałem się tyle, że chyba przeglądarka i "zbadaj element" mi więcej daje... Totalnie nie ogarniam DIV, jak robić kontenery, aby to było sensownie, czemu np. treść jest po za DIV... Są takie przypadki kolorując sobie DIV borderem np. czy outlinem... Macie jakieś sposoby na to?

Mówiłem, że kursy są du d**y. tutaj po polsku masz filmiki, a po angilsku jest tego od czapy. Nie wiem na co Ty natrafileś. Poza tym nie ma czegoś takiego jak kurs DIV. To język znaczników HTML i kaskadowe arkusze styli (czy tam stylów) CSS.

Najpierw przeczytaj jakiś ogólny kurs (książkę) o językach HTML5 i CSS, najlepiej uwzględniający kwestie tworzenia układów stron, bo widać że nie łapiesz o co w tym w ogóle chodzi. Potem też nie szukaj kursu „divów” lub innych elementów, tylko właśnie ogólnego kursu tworzenia układów stron. Aktualnie chyba najlepiej zająć się flexboksem, chyba że chcesz obsługiwać przestarzałe przeglądarki - https://drafts.csswg.org/css-flexbox/, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes

http://kodcss.pl/ - To jest dobre, jako manual CSS?

Po spisie treści i ogólnie na pierwszy rzut oka można stwierdzić, że jest w porządku, ale nie czytałem tego szczegółowo...

krokodyl napisał(a):

Po spisie treści i ogólnie na pierwszy rzut oka można stwierdzić, że jest w porządku, ale nie czytałem tego szczegółowo...

Ogólnie rzecz biorąc, jest to jeden z obszerniejszych tematów, widziałem taki inny "CSS3" tylko nic ... na temat flex'a nie ma...

No jak nie ma? Przeczytaj sobie punkt 36 :)

krokodyl napisał(a):

No jak nie ma? Przeczytaj sobie punkt 36 :)

Na temat innego manuala mówię, w którym siedziałem, ten jest o wiele lepszy, ale dalej nie mogę wyśrodkować zawartości... OUR... Ten tekst... #box1_nazwa to jest div w którym jest bezpośrednio tekst...

#box1_nazwa {
	width: 50%;
	height: 480px;
	float: left;
	outline: 2px solid black;
    font-family: Roboto-Bold;
	font-size: 60px;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}

Dla początkującego nada się doskonale: http://helion.pl/ksiazki/html-i-css-zaprojektuj-i-zbuduj-witryne-www-jon-duckett,htcsww.htm