PDA

Zobacz pełną wersję : Ramka wokół buttona, po kliknięciu.



Raffael
08-02-2006, 00:52
Znowu napotkałem problem przy tworzeniu template'a.
Tym razem problem dotyczy buttonów w menu.

Po naciśnięciu na button pojawia się taka nieestetyczna ramka, która w dodatku wykracza poza obszar przeznaczony na menu
http://img220.imageshack.us/img220/5725/11cn.png

Czy ktoś ma pomysł jak się tego pozbyć?
(Albo chociaż zmniejszyć tę ramkę do obszaru buttona)

Jestem wdzieczny za każdą pomoc.

livio
08-02-2006, 16:26
Przerywaną rameczkę zobacysz tylko w firefoksie i ie.
Opera nie wyświetla tego.

Raffael
08-02-2006, 16:36
No dobrze, ale jakoś na joomla.pl ta przerywana rameczka nie wychodzi poza button ;) Czyli da się to jakoś okiełznać, a ja chcialbym bardzo wiedzieć jak :> Tak czy siak dzięki za odpowiedź. Pozdrawiam


W IE też nie widać tej ramki, problematyczny jest więc tylko (?) firefox. Jeśli ktoś potrafi mi pomóc to byłbym wdzięczny za każdą radę :)

livio
08-02-2006, 16:56
Sprawdź, czy nie jest za to odpowiedzialna właściwość "margin" w CSS templatki...
Zauważ, że tylko ta rameczka wychodzi poza określony obszar. Łącze zostaje na miejscu... chyba :D

Predict
11-02-2006, 19:07
da się to zrobić (usunąć te kropeczki) bo już widziałem na jakimś forum. Niestety nie pamiętam gdzie ;-) pogoogluj

livio
11-02-2006, 19:22
Nie usuniesz tej ramki.
Zawsze będziesz ją widzieć w FF, czasem w IE.
Opera jej nie generuje.

Predict
11-02-2006, 20:32
Znalazłem na jednej ze swoich starych stron. Rzeczywiście, nie wiem jak to zastosować w joomli, ale zdarzenie wygląda tak:

onfocus="blur()"

stosuje je się w tagu <a...> np.

<a onfocus="blur()" href="index.html">
<img src="przycisk.gif" width="120" height="50" border="0" alt="Powrót do strony głównej" /></a>

Myślę, że jakby pogrzebać w kodzie Joomla! to na pewno da się to zrobić. Trzeba znaleźć funkcję tworzącą linki w menu i kazać jej dodawać to polecenie. (od razu mówie że na PHP się nie znam, ale jestem prawie pewien że to możliwe...

A możliwe, że da się to zrobić jeszcze prościej, w pliku css, zaraz sprawdzę!

Niestety chyba się nie da. może w css3 ;-)

Predict
11-02-2006, 21:16
istnieje jeszcze taki skrypt, który należy dodać na końcu pliku HTML lub w osobnym pliku z js. Niestety też nie chce działać pod Joomla! :-(


<script type="text/javascript">
<!--
if (document.getElementsByTagName) for (var i = 0; document.getElementsByTagName('a')[i]; i++) document.getElementsByTagName('a')[i].onfocus = document.getElementsByTagName('a')[i].blur;
//-->
</script>


Jeśli się komuś uda którąś z tych metod zastosować pod Joomla! to będę wdzięczny za PM.

Uwaga!
Ramka ta służy do poruszania się po stronie za pomocą klawiatury, dlatego odradza się jej usuwanie!!!

zwiastun
11-02-2006, 22:02
?????????????????????????
A jakby to niepełnosprawni mogli przy pomocy tej ramki poroszać się po stronie łatwiej?

livio
12-02-2006, 14:58
Poza tym - co komu szkodzi zobaczyć tę rameczkę?
Strona Ci się przez nią nie rozjedzie.

katiusza
17-08-2006, 09:51
Mnie też kiedyś wkurzała ta ramka wokół buttona menu - wystarczy tylko szpyknąć do /modules/mod_mainmenu.php odszukać lnię 70, 75, 80, 85 i w każdej z nich zmienić:

$txt = '<a href="' ...
na
$txt = '<a onfocus="blur()" href="''...

co się tyczy linii 75 to

$txt = "<a href=\"#\" ...
na
$txt = "<a onfocus=\"blur()\" href=\"#\" ...

oczywiście należy zapisać zmiany :D

pozdro