Ramki HTML

Oto uaktualniony kod HTML - służy on jednocześnie do umieszczania ramki oraz obrazka tła. Aby było łatwiej go ustawić, zaznaczyłam kolorami elementy które sami dostosowujecie.

 ----------------------------------

<div style="background-image:url(http://img839.imageshack.us/img839/9230/31864907.png); width: 841px; top: -2px; left: -2px; height: 492px; color: rgb(0, 0, 0); overflow: auto; margin-top: 0px; margin-left: 0px;">

<div style="margin-left:270px; height: 100px; width: 325px; overflow: auto; top: 126px; margin-top: 300px;"><div style="TEXT-ALIGN: center"><i><a href="http://www.i-love-howrse.blogspot.com/" target="_blank"><font color="#000000">i-love-howrse.blogspot.com</font></a></i></div></div></div>

----------------------------------

Zielony, czyli link do waszego zdjęcia-tła. 
Fioletowy - szerokość waszego obrazka. Przy wymiarowym obrazku do małej prezentacji najodpowiedniejsza szerokość to 556px, przy dużej - 841px. Jeśli po wklejeniu obrazka pojawia się od podwójnie (po zakończeniu obrazek zaczyna się jeszcze raz) oznacza to, że macie za wąską grafikę. Należy ją poszerzyć lub zmniejszyć ilość pikseli w kodzie HTML.
Żółty to wysokość obrazka, w zależności od ustawień wysokości prezentacji najlepiej wygląda kiedy od ustawionej wysokości odejmiecie 8 - czyli w ustawieniach np. 500px, w kodzie 492px.
Czerwony - linia "tu ustalamy szerokość" na poniższym rysunku. Określa odstęp ramki od lewej krawędzi prezentacji. Podajemy go w pikselach, dla porównania: 100pikseli to taka długość

Niebieski (uwaga, inna kolejność niż w kodzie) - linia "tu ustalamy wysokość" na poniższym rysunku. Określa odstęp ramki od górnej krawędzi prezentacji, podobnie jak w poprzednim punkcie.

Różowy - wysokość oraz szerokość ramki w pikselach. 



Kod - inspirowany Zagrodą Mgły. Opis w całości wykonany przeze mnie. Od kopiowania nie powstrzymam, ale byłoby miło zobaczyć link do bloga pod tekstem :)

zabaykowa