Zegar w wąskiej szpalcie...

[Gość: bartosz.a]

Jak ustawic zegar który mam w wąskiej szpalcie aby ukazywał się zaraz pod
archiwum a nie nad oknem wyszukiwania które jest na samym dole wąskiej
szpalty??? Adres tego zegara jest umieszczony w kodzie html, a wszystko co
tam umieszczam ukazuje się pod zakładkami.

[s.z.y.m.o.n]

To nie jest łatwe zadanie, a umieszczenie go pod archiwum, bez skrypt, będzie
raczej niemożliwe.
Proponowałbym umieszczenie go ponad archiwum, wówczas dodanie do niego kolejnego
miesiąca nie będzie rozsypywać układu strony.

Wszystko, co powinieneś wiedzieć znajdziesz tu
www.kurshtml.boo.pl/css/pozycjonowanie.html
W twoim przypadku należy skorzystać z pozycjonowania absolutnego
www.kurshtml.boo.pl/css/absolutne,pozycjonowanie.html
Przed umieszczeniem zegara ponad archiwum musisz zrobić na niego miejsce, np.
nadając archiwum margines górny:

#BlogArchiwumBox{margin-top: XXpx}

gddzie XX to wartość w pikselach.

[Gość: bartosz.a]

miejsce juz zrobiłem. Tylko jak ma wyglądać teraz wpis i gdzie ma być aby
wyświetliło zegar. Mam tylko kod html który jest umieszczony w elementach bloga
a nie w css.

[s.z.y.m.o.n]

Umieść kod zegara wewnątrz znacznika DIV, np.

<div id="Zegar">KOD_ZEGARA</div>

W arkuszu dodaj następującą definicję:

#Zegar{position: absolute; top: 0px; margin-left: 0px}

Wartości top i margin-left dobierz tak by zegar znalazł się we właściwym miejscu.

[Gość: bartosz.a]

Mam problemy z umieszczeniem tych wpisów. Czy możesz sprawdzić i powiedzieć co
jest źle i gdzie je umieścić. Wszystkiego się ucze na zasadzie prób i błędów
ale tym razem nie wychodzi.

[s.z.y.m.o.n]

Zrobiłeś miejsce po Archiwum - tak nie będzie działać już za dwa tygodnie się
wysypie. Możesz zegar umieścić przed archiwum.

Pierwszy wpis umieszczasz w kodzie HTML. Pamiętaj aby tekst wewnątrz znacznika
zastąpić kodem zegarka!

Drugi w polu na CSS - najbezpieczniej na samym końcu.

[bartosz.a]

Przeniosłem to do Archiwum ale i tak nie działa! Jestem zielony. Gdzie mam błąd?

[s.z.y.m.o.n]

Nie wykonałeś wszystkich instrukcji, które Ci podałem.
Musisz jeszcze umieścić kod zegarka w DIVie - opisałem to dokładnie wcześniej.
To już wykonujesz w polu na kod HTML, a nie CSS.

Jeżeli chodzi o definicję CSS dla zegara, to w miarę sensowne zdają się wartości:
#Zegar {margin-left:30px; position:absolute; top:210px;

[bartosz.a]

Naprawdę nie daje juz rady. Będę Tobie wdzięczny jeżeli napiszesz mi dokładnie
gdzie i co umieśćić jeżeli to nie sprawi wielkiego problemu...

#Zegar {margin-left:30px; position:absolute; top:210px;
tą definicje mam wstawić w CSS ale tylko gdzie dokładnie? Ogólnie to chciałbym
miec ten zegar albo pod autorem albo nad zakładkami.

W miejscu na kod html mam kod zegara, ale pisałeś że mam tam podac coś jeszcze.
A poza tym czy w kodzie html definicje musze odzielac klamrami?

[s.z.y.m.o.n]

Wydaje mi się, że napisałem dosyć jasno CSS w dowolnym miejscu arkusza.

Kod HTML wysłałem na pocztę.

[bartosz.a]

Wszystko zrobiłem tak jak napisałeś...
Kod DIV umiescilem w Wygląd/Elementy/miejsce na kod html ( z tym że usunąłem
stary wpis, jest teraz tylko div)
definicje #Zegar umiescilem na koncu css,
a w #BlogArchiwumBox dodałem margin-top: 300px

I jedynie co otrzymałem to zniknięcie kropek przy archiwum i brak marginesów!

[s.z.y.m.o.n]

Spróbuj tak:

<div id="Zegar"><script type="text/javascript"
src="www.clocklink.com/embed.js"></script><script
type="text/javascript">obj = new
Object;obj.clockfile = "5005-black.swf";obj.TimeZone =
"CET";obj.width = 180;obj.height = 60;obj.wmode =
"transparent";showClock(obj);</script></div>

[Gość: bartosz.a]

Wpisałem ten nowy Div, zamiast tego który mi przysłałeś na e-mail w miejscu na
kod html, ale nadal brak reakcji. Ten poprzedni div, moze i był dobry, ale czy
nie brakuje mi czegoś jeszcze w css?

[s.z.y.m.o.n]

Spróbuj może zakomentować zmiany jakie zrobiłeś, a będzie mi łatwiej znaleźć
problem.

W polu HTML komentarz uzyskasz umieszczając na początku kodu zegarka <:!