Logo na miejscu

[seeulen]

[szabelek18]

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

[Kartofelek]

ź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

[seeulen]

Dziękuję. Wszystko działa.