10-02-2011, 21:59
źle.
Jak stosujesz prawidłowe praktyki to nic trudnego. Spójrz na najczęściej spotykany szablon strony:
<div class="page_container">
<h1 class="page_header">
<img src="logo.gif" class="logo">
</h1>
....
....
</div>
skoro page_container ma jakąś szerokość (wycentrowana strona),
to logo można łatwo odsunąć od lewego górnego rogu tej wycentrowanej treści stosując marginesy. NIGDY PADDINGI (czemu? - zagadka na wieczór)
.logo {margin:10px 0 0 300px;}
Jest to świetna metoda dla semantyki. Czemu?
Wyobraź sobie że masz stronę, na której jest panel logowania, zakładki, linki i inne rzeczy. A gdzieś niżej jest logo.
Logo w kodzie html powinno być jako "pierwsze", ale przecież wcześniej masz inne pierdoły na layoucie. I właśnie wtedy bardzo dobrze jest zastosować marginesy dla logo, a resztę śmiecia, które na layoucie znajdują się "wcześniej" pozycjonować absolutnie względem relatywnego .page_container.
...Jeżeli jednak stosujesz jakąś wymyślną konstrukcję, wtedy możesz też tak:
.logo {position:absoulte; left:50%; top:100px; margin-left:.....px;}
WSZYSTKO ZALEŻY OD SYTUACJI
Jak stosujesz prawidłowe praktyki to nic trudnego. Spójrz na najczęściej spotykany szablon strony:
<div class="page_container">
<h1 class="page_header">
<img src="logo.gif" class="logo">
</h1>
....
....
</div>
skoro page_container ma jakąś szerokość (wycentrowana strona),
to logo można łatwo odsunąć od lewego górnego rogu tej wycentrowanej treści stosując marginesy. NIGDY PADDINGI (czemu? - zagadka na wieczór)
.logo {margin:10px 0 0 300px;}
Jest to świetna metoda dla semantyki. Czemu?
Wyobraź sobie że masz stronę, na której jest panel logowania, zakładki, linki i inne rzeczy. A gdzieś niżej jest logo.
Logo w kodzie html powinno być jako "pierwsze", ale przecież wcześniej masz inne pierdoły na layoucie. I właśnie wtedy bardzo dobrze jest zastosować marginesy dla logo, a resztę śmiecia, które na layoucie znajdują się "wcześniej" pozycjonować absolutnie względem relatywnego .page_container.
...Jeżeli jednak stosujesz jakąś wymyślną konstrukcję, wtedy możesz też tak:
.logo {position:absoulte; left:50%; top:100px; margin-left:.....px;}
WSZYSTKO ZALEŻY OD SYTUACJI
