Problem z pozycjonowaniem graficznego odnośnika

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
MArciN(R)
Posty: 3
Rejestracja: pt kwie 08, 2005 5:27 pm

Problem z pozycjonowaniem graficznego odnośnika

Post autor: MArciN(R) »

Witam

Otóż mam problem z pozycjonowaniem menu a dokładnie:
1. Menu po lewej stronie jest w kształcie łuku - najwyższy i najniższy link są po prawej, środkowy po lewej, a reszta posrednio w tabeli.
2. Linki to grafika, po najechaniu myszką stają się rozmyte.
3. Są one umiesznone wewnątrz tabeli
4 Jeżeli używam spacji od pozycjonowania to pojawia mi się niebieska linia biegnąca od lewej krawędzi tabeli do odnosnika
5. Nie chcę mapowac grafiki bo stracę efekt rozmycia

Jak ustawić linki w łuk?

Z góry dzięki
MArciN(R)
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: Problem z pozycjonowaniem graficznego odnośnika

Post autor: Stig »

Po pierwsze: zrezygnuj t tworzenia stron opartych o tabele na koszt div'ów.
Po drugie: pokaż kod źródłowy i/lub efekt jaki chcesz uzyskać.
Po trzecie: co to jest "spacja do pozycjonowania" 8O?
MArciN(R)
Posty: 3
Rejestracja: pt kwie 08, 2005 5:27 pm

Re: Problem z pozycjonowaniem graficznego odnośnika

Post autor: MArciN(R) »

spacja to znak   :lol:

Jak już napisałem jestem poczatkujacy i nie bardzo kumam divy. Chętni eskorzystam z jakiegos tutoriala jak mi podeślesz.

Jeszcze przez godzinę na moim kompie http://83.26.231.89/index.htm

A w razie co GG2212830

Pozdr
Calif
Nowy
Nowy
Posty: 91
Rejestracja: sob lut 26, 2005 3:03 pm
Lokalizacja: Kaplica

Re: Problem z pozycjonowaniem graficznego odnośnika

Post autor: Calif »

Pierwszy pomysł jaki mi się nasunął to zrobienie menu (tego po lewej) we Flash'u.
Jednak DIV byłby najodpowiedniejszy. Generalnie znacznik <div> grupuje zawarte w nim elementy.
Poczytaj tutaj, a przy okazji o CSS. Przyda Ci się.
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: Problem z pozycjonowaniem graficznego odnośnika

Post autor: Stig »

Zacznijmy od tego, że znak specjalny   to tzw. twarda spacja, która służy do tego, aby móc kontrolować przenoszenie wyrazów, takich jak tzw. sieroty, czy przyimki i spójniki, do nowego wersu. Twarda spacja NIE służy do pozycjonowania elementów (do tego służy chociażby CSS'owy atrybut "margin", o czym dalej).

Twój problem można rozwiązać stosując argument "margin-left" z odpowiednią wartością dla każdego obrazka, np.:

Kod: Zaznacz cały

<img src="Tytuł strony_pliki/akcesoria.jpg" style="margin-left: 20px;" />
Nie rozumiem dlaczego stosujesz JavaScript do zmiany obrazka po najechaniu nań myszką. Znacznie prościej i szybciej można uzyskać ten sam efekt dzięki pseudoklasie hover w CSS. Poza tym kod będzie wtedy kilkakrotnie mniejszy, a efekt uzyskany będzie nawet przy wyłączonej obsłudze JS.

Jeśli chodzi o tworzenie stron opartych na div'y i co za tym idzie zgodnych z XHTML polecam odwiedzenie następujących stron:
http://www.w3.org - specyfikacja XHTML i CSS
http://xhtml.b7.pl - b. dobry kurs XHTML
http://www.kurshtml.boo.pl - b. dobry kurs HTML i CSS
http://cssvault.com - galeria stron zgodnych ze standardami i ogrom linków do artykułów odnośnie tworzenia stron opartych na div'y przy użyciu XHTML i CSS
http://www.alistapart.com - wspaniałe artykuły o standardach, dostępności stron, XHTML, CSS itp.
http://css.webinside.pl - trochę o CSS na WI
http://www.webinside.pl/webstandards - trochę o WebStandards na WI

Godna polecenia jest również książka "Projektowanie serwisów WWW. Standardy sieciowe" wspaniałego znawcy tematu Jeffrey'a Zeldman'a.
MArciN(R)
Posty: 3
Rejestracja: pt kwie 08, 2005 5:27 pm

Re: Problem z pozycjonowaniem graficznego odnośnika

Post autor: MArciN(R) »

He he, też pomyślałem o flashu.......

Dzięki za linka, super, poczytam i pewnie wpadnę na rozwiązanie w CSS

Dzięki jeszcze raz

A przy okazji jak oceniasz mój pierwszy layout?
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: Problem z pozycjonowaniem graficznego odnośnika

Post autor: Stig »

jak oceniasz mój pierwszy layout?
To pytanie raczej do działu "Oceń stronę", ale biorąc pod uwagę, że to Twój pierwszy layout to pod względem graficznym jest bardzo dobrze. Znacznie gorzej, co już wcześniej dałem do zrozumienia, strona prezentuje się pod względem technicznym. Wierzę, że jeśli podejdziesz poważnie do tematu i porządnie przestudiujesz materiały na w/w stronach to na pewne będzie o wiele lepiej.
ODPOWIEDZ