+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Logo na miejscu (/thread-logo-na-miejscu)
Logo na miejscu - seeulen - 10-02-2011
RE: Logo na miejscu - szabelek18 - 10-02-2011
Plik styl.css:
Kod:
#logo {
padding-left:50%;
}W pliku .php/.html:
Kod:
<div id="logo">tutaj wstawiasz obrazek</div>Mozna tez inaczej:
Kod:
<img src="obrazek.jpg" style="padding-left:50%;" />Pisze z glowy wiec nie wiem czy zadziala
RE: Logo na miejscu - Kartofelek - 10-02-2011
ź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
RE: Logo na miejscu - seeulen - 11-02-2011
Dziękuję. Wszystko działa.