[HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

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
AdamAGP
Nowy
Nowy
Posty: 114
Rejestracja: wt paź 24, 2006 9:40 pm
Kontakt:

[HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: AdamAGP »

To mój pierwszy post więc witam wszystkich. Nie wiem czy nie powielam tematu, ale w "szukajce" nie znalazłem - może źle szukałem.
Otóż, często mi się zdarza, że obrazek-przycisk po naciśnięciu otacza się obramowaniem-obwódką w postaci kropkowanych linii. Od czego to jest zależne? Da się temu jakoś zapobiec?
Obrazek
grz_bis
Posty: 2
Rejestracja: śr paź 25, 2006 4:25 pm

Ja dodałem do kazdego obrazka parametr

Post autor: grz_bis »

Ja dodałem do kazdego obrazka parametr

STYLE="border: 0;"

i póki co z takim czymś się nie spotkałem
Balas
Moderator
Posty: 252
Rejestracja: wt sie 02, 2005 12:53 pm
Lokalizacja: Inowroclaw
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: Balas »

Nie rozumiem co Ci w tym przeszkadza? To naturalne zachowanie przeglądarek ;]
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: koziolek »

rozwiązanie siłowe za pomocą JS:

Kod: Zaznacz cały

<div onfocus="blur()" onclick="akcja()">Przycisk</div>
<a href ="gdzieś tam" onfocus="blur()">gdzieś indziej</a>
w momencie gdy przycisk jest aktywowany to jest za pomocą JS zwalniany. Wszystkie inne akcje są wykonywane.

@Balas, czasami "głupie kopki" szpecą stronę. tak jak na zdjęciu zamiast ładnych okragłych rogów masz ładny i zawsze widoczny prostokącik :(
AdamAGP
Nowy
Nowy
Posty: 114
Rejestracja: wt paź 24, 2006 9:40 pm
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: AdamAGP »

To jest trochę dziwne bo na jednej moje stronie wyświetlanej na różnych komputerach w tych samych przeglądarkach na jednym są kropki, a na innym nie.
Na innej znowu są zawsze, chociaż w tym przypadku wygnerowałem js z edytora, z tym, że pojawiły się dopiero po dodaniu "href".

Gdzie mam wpisać te dwie linijki, bo nie znam się w ogóle na js?
skrypt:

Kod: Zaznacz cały

<script language="JavaScript" type="text/javascript">
<!-- ukryj skrypt dla starych przeglądarek
function Zamien()
{ //start
  var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (Zamien.arguments.length-2); rem+=3) {
           store = Zamien.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
    if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
        (store.indexOf('document.all[')==0 && document.all==null))
         store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
         obj = eval(store);
    if (obj != null) {
             switcher[keep++] = obj;
      switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
      obj.src = Zamien.arguments[rem+2];
  } }
  document.Data = switcher;
} //end

function Przywroc()
{ //start
  if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
      document.Data[rem].src=document.Data[rem+1];
} //end


// koniec -->
</script>
przykładowy przycisk:

Kod: Zaznacz cały

<a style="position: relative; left: 70px;" target="tekst" href="kierunki.html" OnMouseOut="Przywroc()" OnMouseOver="Zamien('document.buttomup1','document.buttomup1','buttomup1b.gif')"><img src="buttomup1a.gif" name="buttomup1" alt="" border="0" />
Ostatnio zmieniony czw paź 26, 2006 10:00 pm przez AdamAGP, łącznie zmieniany 1 raz.
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: koziolek »

Kod: Zaznacz cały

<a style="position: relative; left: 70px;" target="tekst" href="kierunki.html" 

onfocus="blur()"

OnMouseOut="Przywroc()" OnMouseOver="Zamien('document.buttomup1','document.buttomup1','buttomup1b.gif')"><img src="buttomup1a.gif" name="buttomup1" alt="" border="0" />
tak jak powyżej:)

sprawdź i daj znać jak działa
Balas
Moderator
Posty: 252
Rejestracja: wt sie 02, 2005 12:53 pm
Lokalizacja: Inowroclaw
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: Balas »

@Balas, czasami "głupie kopki" szpecą stronę. tak jak na zdjęciu zamiast ładnych okragłych rogów masz ładny i zawsze widoczny prostokącik
Ale to tylko po kliknięciu lub przejściu do linku tabulatorem. IMO jest to bardziej przydatne niż denerwujące.
AdamAGP
Nowy
Nowy
Posty: 114
Rejestracja: wt paź 24, 2006 9:40 pm
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: AdamAGP »

Działa wielkie dzięki.
Ale to tylko po kliknięciu lub przejściu do linku tabulatorem. IMO jest to bardziej przydatne niż denerwujące.
Mnie to na przykład przeszkadza, bo często ramka zostaje i jest bardzo widoczna. Poza tym w ogóle nie pokrywa się z przyciskiem, który zrobiłem.
koziolek
Przelotem
Przelotem
Posty: 387
Rejestracja: sob paź 21, 2006 10:07 pm
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: koziolek »

Adam Gołąbski pisze: Mnie to na przykład przeszkadza, bo często ramka zostaje i jest bardzo widoczna. Poza tym w ogóle nie pokrywa się z przyciskiem, który zrobiłem.
Właśnie o to mi chodzi. Strona psuje się gdyż zamiast ładnego layoutu widać "śmieci"
AdamAGP
Nowy
Nowy
Posty: 114
Rejestracja: wt paź 24, 2006 9:40 pm
Kontakt:

Re: [HTML] Obrazek z odnosnikiem - kropkowe obramowanie-obwódka

Post autor: AdamAGP »

Mam ten sam zonk z obiektem flasha w IE 6 tylko, że tym razem przy najechaniu myszą i nie ma znaczenia czy to odnośnik czy nie. Można to wyłączyć?

Obrazek

Kod umieszczający obiekt w htmlu:

Kod: Zaznacz cały

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="90" id="news" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param  name="movie" value="news.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="news.swf" quality="high" bgcolor="#ffffff" width="650" height="90" name="news" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
ODPOWIEDZ