+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jak podnieść rorator do góry ?... (/thread-jak-podnie%C5%9Bc-rorator-do-gory)
Strony:
1
2
RE: Jak podnieść rorator do góry ?... - dervi3 - 06-01-2011
(06-01-2011, 03:15)Pedro84 napisał(a): [css]
#container, #content {
margin:0 auto;
position:relative;
}
[/css]
1.
Czyli moge stosować jeżeli divy maja takie same wartnosci np tak:
#header, #belka{
margin: auto;
2.
Stosowanie position:relative; i position:absolute;
realtive stosujemy do elementów które są ruchome np: menu.
absolute stosujemy do elementów tła np: tło pod menu,tlo pod tabele ?
Jak źle mówie to jak to działa ? bo ja stosoje przewaznie realtive do wszystkiego a dobrze by bylo wiedziec bo z kursów css tam opisane jest dla mnie trudno zrozumiale.
RE: Jak podnieść rorator do góry ?... - Kartofelek - 06-01-2011
Co do ad1 to nie jest to prawdą :]
Jeżeli aż tak mielibyśmy się trzymać semantyki, to połowa layoutów nigdy by nie zaistniała. Przykładów można by szerzyć co nie miara - ot choćby zaokrąglone narożniki (jako Puste spany), czy elementy dekoracyjne, które mają background ustawiony w stylach.
Skrócone formy nie zawsze mają sens. Wszystko zależy od kontentu. Przykład:
body {font-family:Arial; font-size:13px;}
...
...
.jakis_div {font-size:11px; ...inne pierdoly...}
RE: Jak podnieść rorator do góry ?... - Pedro84 - 06-01-2011
(06-01-2011, 05:24)Kartofelek napisał(a): Co do ad1 to nie jest to prawdą :]Puste spany - tak. Ale doświadczenie mnie nauczyło, że w 99% przypadków używanie pustych tagów jest nieuzasadnione i spowodowane złym pocięciem grafiki.
Jeżeli aż tak mielibyśmy się trzymać semantyki, to połowa layoutów nigdy by nie zaistniała. Przykładów można by szerzyć co nie miara - ot choćby zaokrąglone narożniki (jako Puste spany), czy elementy dekoracyjne, które mają background ustawiony w stylach.
Semantyka jest b. ważna. Niechlujny kod świadczy tylko o tym, co go kodował.
(06-01-2011, 05:24)Kartofelek napisał(a): Skrócone formy nie zawsze mają sens. Wszystko zależy od kontentu. Przykład:Co chciałeś przez ten przykład pokazać? Poza tym, po co używać font-family i font-size zamiast font:13px normal Arial;?
body {font-family:Arial; font-size:13px;}
...
...
.jakis_div {font-size:11px; ...inne pierdoly...}
RE: Jak podnieść rorator do góry ?... - dervi3 - 06-01-2011
Kartofelek nie w pełni Cię zrozumiałem ale chyba chodzi o to abym nie stosował:
#div {code;code;code}
tylko
#div {
code;
code
code;
}
I Prosze jeszcze o odpowiedz na pytanie 2. Stosowanie position:relative; i position:absolute;
RE: Jak podnieść rorator do góry ?... - Ancik - 07-01-2011
Witaj,
Jeżeli chodzi o formę spisywania atrybutów to zdecydowanie wygodniej jest pisac w bloku z uwagi na to, że podczas pracy reguły CSS są lepiej widoczne (to jednak pozostawiam kwestii twojego gustu
). Podczas zapisywania projektu końcowego zalecam ustawic atrybuty w linii, gdyż wiąże się to np. z tym, że kod zajmuje mniej miejsca i jest trochę szybciej odczytywany przez przeglądarki.Jeżeli chodzi o pozycjonowanie elementów na stronie, to relatywnego pozycjonowania używa się do elementów, <b>względem których będzie się pozycjonowac</b>. Pozycjonowanie absolutne odnosi się z kolei do elementów pozycjonowanych.
Wyobraź sobie sytuacje, w której masz stronę, a jej szkielet składa się z body oraz wyśrodkowanego w tagu body diva o jakiejś tam szerokości. W tym divie, chcesz wypozycjonowac ikonkę. Tej ikonce nadajesz więc "position: absolute". I teraz to, względem jakiego obszaru będzie pozycjonowana ikonka, zależy od tego jakiemu obszarowi nadasz "position: relative". Jeżeli temu kontenerowi nadasz position:relative, to ikonka będzie pozycjonowana w nim.
Pojęcie nieco zawiłe, dlatego wlaśnie w tak wielu kursach dośc opornie tłumaczone. Mam nadzieje, że pomogłem
Cytat:1.
Czyli moge stosować jeżeli divy maja takie same wartnosci np tak:
#header, #belka{
margin: auto;
Tak w niektórych sytuacjach możesz to stosowac, szczególnie kiedy 2 elementy mają te same atrybuty, a inne selektory
Pozdrawiam.